import * as S from "react";
import tt, { forwardRef as Ki, useContext as Hi, Children as Gi, isValidElement as Zt, cloneElement as Qt, useEffect as Po } from "react";
function Xi(e) {
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
}
function He(e) {
  if (e.__esModule) return e;
  var t = e.default;
  if (typeof t == "function") {
    var r = function n() {
      return this instanceof n ? Reflect.construct(t, arguments, this.constructor) : t.apply(this, arguments);
    };
    r.prototype = t.prototype;
  } else r = {};
  return Object.defineProperty(r, "__esModule", { value: !0 }), Object.keys(e).forEach(function(n) {
    var o = Object.getOwnPropertyDescriptor(e, n);
    Object.defineProperty(r, n, o.get ? o : {
      enumerable: !0,
      get: function() {
        return e[n];
      }
    });
  }), r;
}
var Ur = { exports: {} }, Ct = {};
/**
 * @license React
 * react-jsx-runtime.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var Mn;
function Ji() {
  if (Mn) return Ct;
  Mn = 1;
  var e = tt, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
  function a(c, u, l) {
    var d, m = {}, p = null, v = null;
    l !== void 0 && (p = "" + l), u.key !== void 0 && (p = "" + u.key), u.ref !== void 0 && (v = u.ref);
    for (d in u) n.call(u, d) && !i.hasOwnProperty(d) && (m[d] = u[d]);
    if (c && c.defaultProps) for (d in u = c.defaultProps, u) m[d] === void 0 && (m[d] = u[d]);
    return { $$typeof: t, type: c, key: p, ref: v, props: m, _owner: o.current };
  }
  return Ct.Fragment = r, Ct.jsx = a, Ct.jsxs = a, Ct;
}
var wt = {};
/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var jn;
function Zi() {
  return jn || (jn = 1, process.env.NODE_ENV !== "production" && function() {
    var e = tt, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), b = Symbol.iterator, h = "@@iterator";
    function y(s) {
      if (s === null || typeof s != "object")
        return null;
      var x = b && s[b] || s[h];
      return typeof x == "function" ? x : null;
    }
    var _ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
    function C(s) {
      {
        for (var x = arguments.length, R = new Array(x > 1 ? x - 1 : 0), I = 1; I < x; I++)
          R[I - 1] = arguments[I];
        A("error", s, R);
      }
    }
    function A(s, x, R) {
      {
        var I = _.ReactDebugCurrentFrame, ee = I.getStackAddendum();
        ee !== "" && (x += "%s", R = R.concat([ee]));
        var ue = R.map(function(q) {
          return String(q);
        });
        ue.unshift("Warning: " + x), Function.prototype.apply.call(console[s], console, ue);
      }
    }
    var w = !1, g = !1, M = !1, P = !1, ae = !1, G;
    G = Symbol.for("react.module.reference");
    function se(s) {
      return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || ae || s === o || s === l || s === d || P || s === v || w || g || M || typeof s == "object" && s !== null && (s.$$typeof === p || s.$$typeof === m || s.$$typeof === a || s.$$typeof === c || s.$$typeof === u || // This needs to include all possible module reference object
      // types supported by any Flight configuration anywhere since
      // we don't know which Flight build this will end up being used
      // with.
      s.$$typeof === G || s.getModuleId !== void 0));
    }
    function H(s, x, R) {
      var I = s.displayName;
      if (I)
        return I;
      var ee = x.displayName || x.name || "";
      return ee !== "" ? R + "(" + ee + ")" : R;
    }
    function ie(s) {
      return s.displayName || "Context";
    }
    function X(s) {
      if (s == null)
        return null;
      if (typeof s.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
        return s.displayName || s.name || null;
      if (typeof s == "string")
        return s;
      switch (s) {
        case n:
          return "Fragment";
        case r:
          return "Portal";
        case i:
          return "Profiler";
        case o:
          return "StrictMode";
        case l:
          return "Suspense";
        case d:
          return "SuspenseList";
      }
      if (typeof s == "object")
        switch (s.$$typeof) {
          case c:
            var x = s;
            return ie(x) + ".Consumer";
          case a:
            var R = s;
            return ie(R._context) + ".Provider";
          case u:
            return H(s, s.render, "ForwardRef");
          case m:
            var I = s.displayName || null;
            return I !== null ? I : X(s.type) || "Memo";
          case p: {
            var ee = s, ue = ee._payload, q = ee._init;
            try {
              return X(q(ue));
            } catch {
              return null;
            }
          }
        }
      return null;
    }
    var Q = Object.assign, me = 0, ce, Ee, fe, Le, E, O, W;
    function V() {
    }
    V.__reactDisabledLog = !0;
    function j() {
      {
        if (me === 0) {
          ce = console.log, Ee = console.info, fe = console.warn, Le = console.error, E = console.group, O = console.groupCollapsed, W = console.groupEnd;
          var s = {
            configurable: !0,
            enumerable: !0,
            value: V,
            writable: !0
          };
          Object.defineProperties(console, {
            info: s,
            log: s,
            warn: s,
            error: s,
            group: s,
            groupCollapsed: s,
            groupEnd: s
          });
        }
        me++;
      }
    }
    function z() {
      {
        if (me--, me === 0) {
          var s = {
            configurable: !0,
            enumerable: !0,
            writable: !0
          };
          Object.defineProperties(console, {
            log: Q({}, s, {
              value: ce
            }),
            info: Q({}, s, {
              value: Ee
            }),
            warn: Q({}, s, {
              value: fe
            }),
            error: Q({}, s, {
              value: Le
            }),
            group: Q({}, s, {
              value: E
            }),
            groupCollapsed: Q({}, s, {
              value: O
            }),
            groupEnd: Q({}, s, {
              value: W
            })
          });
        }
        me < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
      }
    }
    var N = _.ReactCurrentDispatcher, F;
    function B(s, x, R) {
      {
        if (F === void 0)
          try {
            throw Error();
          } catch (ee) {
            var I = ee.stack.trim().match(/\n( *(at )?)/);
            F = I && I[1] || "";
          }
        return `
` + F + s;
      }
    }
    var D = !1, U;
    {
      var be = typeof WeakMap == "function" ? WeakMap : Map;
      U = new be();
    }
    function T(s, x) {
      if (!s || D)
        return "";
      {
        var R = U.get(s);
        if (R !== void 0)
          return R;
      }
      var I;
      D = !0;
      var ee = Error.prepareStackTrace;
      Error.prepareStackTrace = void 0;
      var ue;
      ue = N.current, N.current = null, j();
      try {
        if (x) {
          var q = function() {
            throw Error();
          };
          if (Object.defineProperty(q.prototype, "props", {
            set: function() {
              throw Error();
            }
          }), typeof Reflect == "object" && Reflect.construct) {
            try {
              Reflect.construct(q, []);
            } catch (we) {
              I = we;
            }
            Reflect.construct(s, [], q);
          } else {
            try {
              q.call();
            } catch (we) {
              I = we;
            }
            s.call(q.prototype);
          }
        } else {
          try {
            throw Error();
          } catch (we) {
            I = we;
          }
          s();
        }
      } catch (we) {
        if (we && I && typeof we.stack == "string") {
          for (var Y = we.stack.split(`
`), Ce = I.stack.split(`
`), he = Y.length - 1, ve = Ce.length - 1; he >= 1 && ve >= 0 && Y[he] !== Ce[ve]; )
            ve--;
          for (; he >= 1 && ve >= 0; he--, ve--)
            if (Y[he] !== Ce[ve]) {
              if (he !== 1 || ve !== 1)
                do
                  if (he--, ve--, ve < 0 || Y[he] !== Ce[ve]) {
                    var je = `
` + Y[he].replace(" at new ", " at ");
                    return s.displayName && je.includes("<anonymous>") && (je = je.replace("<anonymous>", s.displayName)), typeof s == "function" && U.set(s, je), je;
                  }
                while (he >= 1 && ve >= 0);
              break;
            }
        }
      } finally {
        D = !1, N.current = ue, z(), Error.prepareStackTrace = ee;
      }
      var ct = s ? s.displayName || s.name : "", et = ct ? B(ct) : "";
      return typeof s == "function" && U.set(s, et), et;
    }
    function Re(s, x, R) {
      return T(s, !1);
    }
    function k(s) {
      var x = s.prototype;
      return !!(x && x.isReactComponent);
    }
    function $e(s, x, R) {
      if (s == null)
        return "";
      if (typeof s == "function")
        return T(s, k(s));
      if (typeof s == "string")
        return B(s);
      switch (s) {
        case l:
          return B("Suspense");
        case d:
          return B("SuspenseList");
      }
      if (typeof s == "object")
        switch (s.$$typeof) {
          case u:
            return Re(s.render);
          case m:
            return $e(s.type, x, R);
          case p: {
            var I = s, ee = I._payload, ue = I._init;
            try {
              return $e(ue(ee), x, R);
            } catch {
            }
          }
        }
      return "";
    }
    var Me = Object.prototype.hasOwnProperty, Qe = {}, qt = _.ReactDebugCurrentFrame;
    function it(s) {
      if (s) {
        var x = s._owner, R = $e(s.type, s._source, x ? x.type : null);
        qt.setExtraStackFrame(R);
      } else
        qt.setExtraStackFrame(null);
    }
    function _t(s, x, R, I, ee) {
      {
        var ue = Function.call.bind(Me);
        for (var q in s)
          if (ue(s, q)) {
            var Y = void 0;
            try {
              if (typeof s[q] != "function") {
                var Ce = Error((I || "React class") + ": " + R + " type `" + q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[q] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                throw Ce.name = "Invariant Violation", Ce;
              }
              Y = s[q](x, q, I, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
            } catch (he) {
              Y = he;
            }
            Y && !(Y instanceof Error) && (it(ee), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", I || "React class", R, q, typeof Y), it(null)), Y instanceof Error && !(Y.message in Qe) && (Qe[Y.message] = !0, it(ee), C("Failed %s type: %s", R, Y.message), it(null));
          }
      }
    }
    var Tt = Array.isArray;
    function St(s) {
      return Tt(s);
    }
    function Rr(s) {
      {
        var x = typeof Symbol == "function" && Symbol.toStringTag, R = x && s[Symbol.toStringTag] || s.constructor.name || "Object";
        return R;
      }
    }
    function at(s) {
      try {
        return Ge(s), !1;
      } catch {
        return !0;
      }
    }
    function Ge(s) {
      return "" + s;
    }
    function Kt(s) {
      if (at(s))
        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Rr(s)), Ge(s);
    }
    var Xe = _.ReactCurrentOwner, Or = {
      key: !0,
      ref: !0,
      __self: !0,
      __source: !0
    }, L, Rt, Ot;
    Ot = {};
    function Ht(s) {
      if (Me.call(s, "ref")) {
        var x = Object.getOwnPropertyDescriptor(s, "ref").get;
        if (x && x.isReactWarning)
          return !1;
      }
      return s.ref !== void 0;
    }
    function Rn(s) {
      if (Me.call(s, "key")) {
        var x = Object.getOwnPropertyDescriptor(s, "key").get;
        if (x && x.isReactWarning)
          return !1;
      }
      return s.key !== void 0;
    }
    function Ai(s, x) {
      if (typeof s.ref == "string" && Xe.current && x && Xe.current.stateNode !== x) {
        var R = X(Xe.current.type);
        Ot[R] || (C('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', X(Xe.current.type), s.ref), Ot[R] = !0);
      }
    }
    function Mi(s, x) {
      {
        var R = function() {
          L || (L = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
        };
        R.isReactWarning = !0, Object.defineProperty(s, "key", {
          get: R,
          configurable: !0
        });
      }
    }
    function ji(s, x) {
      {
        var R = function() {
          Rt || (Rt = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
        };
        R.isReactWarning = !0, Object.defineProperty(s, "ref", {
          get: R,
          configurable: !0
        });
      }
    }
    var Ni = function(s, x, R, I, ee, ue, q) {
      var Y = {
        // This tag allows us to uniquely identify this as a React Element
        $$typeof: t,
        // Built-in properties that belong on the element
        type: s,
        key: x,
        ref: R,
        props: q,
        // Record the component responsible for creating this element.
        _owner: ue
      };
      return Y._store = {}, Object.defineProperty(Y._store, "validated", {
        configurable: !1,
        enumerable: !1,
        writable: !0,
        value: !1
      }), Object.defineProperty(Y, "_self", {
        configurable: !1,
        enumerable: !1,
        writable: !1,
        value: I
      }), Object.defineProperty(Y, "_source", {
        configurable: !1,
        enumerable: !1,
        writable: !1,
        value: ee
      }), Object.freeze && (Object.freeze(Y.props), Object.freeze(Y)), Y;
    };
    function Ii(s, x, R, I, ee) {
      {
        var ue, q = {}, Y = null, Ce = null;
        R !== void 0 && (Kt(R), Y = "" + R), Rn(x) && (Kt(x.key), Y = "" + x.key), Ht(x) && (Ce = x.ref, Ai(x, ee));
        for (ue in x)
          Me.call(x, ue) && !Or.hasOwnProperty(ue) && (q[ue] = x[ue]);
        if (s && s.defaultProps) {
          var he = s.defaultProps;
          for (ue in he)
            q[ue] === void 0 && (q[ue] = he[ue]);
        }
        if (Y || Ce) {
          var ve = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
          Y && Mi(q, ve), Ce && ji(q, ve);
        }
        return Ni(s, Y, Ce, ee, I, Xe.current, q);
      }
    }
    var Cr = _.ReactCurrentOwner, On = _.ReactDebugCurrentFrame;
    function st(s) {
      if (s) {
        var x = s._owner, R = $e(s.type, s._source, x ? x.type : null);
        On.setExtraStackFrame(R);
      } else
        On.setExtraStackFrame(null);
    }
    var wr;
    wr = !1;
    function Pr(s) {
      return typeof s == "object" && s !== null && s.$$typeof === t;
    }
    function Cn() {
      {
        if (Cr.current) {
          var s = X(Cr.current.type);
          if (s)
            return `

Check the render method of \`` + s + "`.";
        }
        return "";
      }
    }
    function Di(s) {
      return "";
    }
    var wn = {};
    function Fi(s) {
      {
        var x = Cn();
        if (!x) {
          var R = typeof s == "string" ? s : s.displayName || s.name;
          R && (x = `

Check the top-level render call using <` + R + ">.");
        }
        return x;
      }
    }
    function Pn(s, x) {
      {
        if (!s._store || s._store.validated || s.key != null)
          return;
        s._store.validated = !0;
        var R = Fi(x);
        if (wn[R])
          return;
        wn[R] = !0;
        var I = "";
        s && s._owner && s._owner !== Cr.current && (I = " It was passed a child from " + X(s._owner.type) + "."), st(s), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', R, I), st(null);
      }
    }
    function $n(s, x) {
      {
        if (typeof s != "object")
          return;
        if (St(s))
          for (var R = 0; R < s.length; R++) {
            var I = s[R];
            Pr(I) && Pn(I, x);
          }
        else if (Pr(s))
          s._store && (s._store.validated = !0);
        else if (s) {
          var ee = y(s);
          if (typeof ee == "function" && ee !== s.entries)
            for (var ue = ee.call(s), q; !(q = ue.next()).done; )
              Pr(q.value) && Pn(q.value, x);
        }
      }
    }
    function Vi(s) {
      {
        var x = s.type;
        if (x == null || typeof x == "string")
          return;
        var R;
        if (typeof x == "function")
          R = x.propTypes;
        else if (typeof x == "object" && (x.$$typeof === u || // Note: Memo only checks outer props here.
        // Inner props are checked in the reconciler.
        x.$$typeof === m))
          R = x.propTypes;
        else
          return;
        if (R) {
          var I = X(x);
          _t(R, s.props, "prop", I, s);
        } else if (x.PropTypes !== void 0 && !wr) {
          wr = !0;
          var ee = X(x);
          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", ee || "Unknown");
        }
        typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
      }
    }
    function Bi(s) {
      {
        for (var x = Object.keys(s.props), R = 0; R < x.length; R++) {
          var I = x[R];
          if (I !== "children" && I !== "key") {
            st(s), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", I), st(null);
            break;
          }
        }
        s.ref !== null && (st(s), C("Invalid attribute `ref` supplied to `React.Fragment`."), st(null));
      }
    }
    var kn = {};
    function An(s, x, R, I, ee, ue) {
      {
        var q = se(s);
        if (!q) {
          var Y = "";
          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (Y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
          var Ce = Di();
          Ce ? Y += Ce : Y += Cn();
          var he;
          s === null ? he = "null" : St(s) ? he = "array" : s !== void 0 && s.$$typeof === t ? (he = "<" + (X(s.type) || "Unknown") + " />", Y = " Did you accidentally export a JSX literal instead of a component?") : he = typeof s, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", he, Y);
        }
        var ve = Ii(s, x, R, ee, ue);
        if (ve == null)
          return ve;
        if (q) {
          var je = x.children;
          if (je !== void 0)
            if (I)
              if (St(je)) {
                for (var ct = 0; ct < je.length; ct++)
                  $n(je[ct], s);
                Object.freeze && Object.freeze(je);
              } else
                C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
            else
              $n(je, s);
        }
        if (Me.call(x, "key")) {
          var et = X(s), we = Object.keys(x).filter(function(qi) {
            return qi !== "key";
          }), $r = we.length > 0 ? "{key: someKey, " + we.join(": ..., ") + ": ...}" : "{key: someKey}";
          if (!kn[et + $r]) {
            var Yi = we.length > 0 ? "{" + we.join(": ..., ") + ": ...}" : "{}";
            C(`A props object containing a "key" prop is being spread into JSX:
  let props = %s;
  <%s {...props} />
React keys must be passed directly to JSX without using spread:
  let props = %s;
  <%s key={someKey} {...props} />`, $r, et, Yi, et), kn[et + $r] = !0;
          }
        }
        return s === n ? Bi(ve) : Vi(ve), ve;
      }
    }
    function Li(s, x, R) {
      return An(s, x, R, !0);
    }
    function Wi(s, x, R) {
      return An(s, x, R, !1);
    }
    var zi = Wi, Ui = Li;
    wt.Fragment = n, wt.jsx = zi, wt.jsxs = Ui;
  }()), wt;
}
process.env.NODE_ENV === "production" ? Ur.exports = Ji() : Ur.exports = Zi();
var K = Ur.exports;
const Mt = {
  black: "#000",
  white: "#fff"
}, ut = {
  50: "#ffebee",
  100: "#ffcdd2",
  200: "#ef9a9a",
  300: "#e57373",
  400: "#ef5350",
  500: "#f44336",
  600: "#e53935",
  700: "#d32f2f",
  800: "#c62828",
  900: "#b71c1c",
  A100: "#ff8a80",
  A200: "#ff5252",
  A400: "#ff1744",
  A700: "#d50000"
}, lt = {
  50: "#f3e5f5",
  100: "#e1bee7",
  200: "#ce93d8",
  300: "#ba68c8",
  400: "#ab47bc",
  500: "#9c27b0",
  600: "#8e24aa",
  700: "#7b1fa2",
  800: "#6a1b9a",
  900: "#4a148c",
  A100: "#ea80fc",
  A200: "#e040fb",
  A400: "#d500f9",
  A700: "#aa00ff"
}, ft = {
  50: "#e3f2fd",
  100: "#bbdefb",
  200: "#90caf9",
  300: "#64b5f6",
  400: "#42a5f5",
  500: "#2196f3",
  600: "#1e88e5",
  700: "#1976d2",
  800: "#1565c0",
  900: "#0d47a1",
  A100: "#82b1ff",
  A200: "#448aff",
  A400: "#2979ff",
  A700: "#2962ff"
}, dt = {
  50: "#e1f5fe",
  100: "#b3e5fc",
  200: "#81d4fa",
  300: "#4fc3f7",
  400: "#29b6f6",
  500: "#03a9f4",
  600: "#039be5",
  700: "#0288d1",
  800: "#0277bd",
  900: "#01579b",
  A100: "#80d8ff",
  A200: "#40c4ff",
  A400: "#00b0ff",
  A700: "#0091ea"
}, pt = {
  50: "#e8f5e9",
  100: "#c8e6c9",
  200: "#a5d6a7",
  300: "#81c784",
  400: "#66bb6a",
  500: "#4caf50",
  600: "#43a047",
  700: "#388e3c",
  800: "#2e7d32",
  900: "#1b5e20",
  A100: "#b9f6ca",
  A200: "#69f0ae",
  A400: "#00e676",
  A700: "#00c853"
}, Pt = {
  50: "#fff3e0",
  100: "#ffe0b2",
  200: "#ffcc80",
  300: "#ffb74d",
  400: "#ffa726",
  500: "#ff9800",
  600: "#fb8c00",
  700: "#f57c00",
  800: "#ef6c00",
  900: "#e65100",
  A100: "#ffd180",
  A200: "#ffab40",
  A400: "#ff9100",
  A700: "#ff6d00"
}, Qi = {
  50: "#fafafa",
  100: "#f5f5f5",
  200: "#eeeeee",
  300: "#e0e0e0",
  400: "#bdbdbd",
  500: "#9e9e9e",
  600: "#757575",
  700: "#616161",
  800: "#424242",
  900: "#212121",
  A100: "#f5f5f5",
  A200: "#eeeeee",
  A400: "#bdbdbd",
  A700: "#616161"
};
function jt(e) {
  let t = "https://mui.com/production-error/?code=" + e;
  for (let r = 1; r < arguments.length; r += 1)
    t += "&args[]=" + encodeURIComponent(arguments[r]);
  return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
}
const ea = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  default: jt
}, Symbol.toStringTag, { value: "Module" })), $o = "$$material";
function $() {
  return $ = Object.assign ? Object.assign.bind() : function(e) {
    for (var t = 1; t < arguments.length; t++) {
      var r = arguments[t];
      for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
    }
    return e;
  }, $.apply(null, arguments);
}
function Se(e, t) {
  if (e == null) return {};
  var r = {};
  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
    if (t.includes(n)) continue;
    r[n] = e[n];
  }
  return r;
}
function ko(e) {
  var t = /* @__PURE__ */ Object.create(null);
  return function(r) {
    return t[r] === void 0 && (t[r] = e(r)), t[r];
  };
}
var ta = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, ra = /* @__PURE__ */ ko(
  function(e) {
    return ta.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
  }
  /* Z+1 */
), na = !1;
function oa(e) {
  if (e.sheet)
    return e.sheet;
  for (var t = 0; t < document.styleSheets.length; t++)
    if (document.styleSheets[t].ownerNode === e)
      return document.styleSheets[t];
}
function ia(e) {
  var t = document.createElement("style");
  return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
}
var aa = /* @__PURE__ */ function() {
  function e(r) {
    var n = this;
    this._insertTag = function(o) {
      var i;
      n.tags.length === 0 ? n.insertionPoint ? i = n.insertionPoint.nextSibling : n.prepend ? i = n.container.firstChild : i = n.before : i = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(o, i), n.tags.push(o);
    }, this.isSpeedy = r.speedy === void 0 ? !na : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
  }
  var t = e.prototype;
  return t.hydrate = function(n) {
    n.forEach(this._insertTag);
  }, t.insert = function(n) {
    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(ia(this));
    var o = this.tags[this.tags.length - 1];
    if (this.isSpeedy) {
      var i = oa(o);
      try {
        i.insertRule(n, i.cssRules.length);
      } catch {
      }
    } else
      o.appendChild(document.createTextNode(n));
    this.ctr++;
  }, t.flush = function() {
    this.tags.forEach(function(n) {
      var o;
      return (o = n.parentNode) == null ? void 0 : o.removeChild(n);
    }), this.tags = [], this.ctr = 0;
  }, e;
}(), Oe = "-ms-", ir = "-moz-", J = "-webkit-", Ao = "comm", an = "rule", sn = "decl", sa = "@import", Mo = "@keyframes", ca = "@layer", ua = Math.abs, ur = String.fromCharCode, la = Object.assign;
function fa(e, t) {
  return _e(e, 0) ^ 45 ? (((t << 2 ^ _e(e, 0)) << 2 ^ _e(e, 1)) << 2 ^ _e(e, 2)) << 2 ^ _e(e, 3) : 0;
}
function jo(e) {
  return e.trim();
}
function da(e, t) {
  return (e = t.exec(e)) ? e[0] : e;
}
function Z(e, t, r) {
  return e.replace(t, r);
}
function Yr(e, t) {
  return e.indexOf(t);
}
function _e(e, t) {
  return e.charCodeAt(t) | 0;
}
function Nt(e, t, r) {
  return e.slice(t, r);
}
function ze(e) {
  return e.length;
}
function cn(e) {
  return e.length;
}
function Gt(e, t) {
  return t.push(e), e;
}
function pa(e, t) {
  return e.map(t).join("");
}
var lr = 1, yt = 1, No = 0, Pe = 0, xe = 0, bt = "";
function fr(e, t, r, n, o, i, a) {
  return { value: e, root: t, parent: r, type: n, props: o, children: i, line: lr, column: yt, length: a, return: "" };
}
function $t(e, t) {
  return la(fr("", null, null, "", null, null, 0), e, { length: -e.length }, t);
}
function ma() {
  return xe;
}
function ha() {
  return xe = Pe > 0 ? _e(bt, --Pe) : 0, yt--, xe === 10 && (yt = 1, lr--), xe;
}
function Ae() {
  return xe = Pe < No ? _e(bt, Pe++) : 0, yt++, xe === 10 && (yt = 1, lr++), xe;
}
function Ye() {
  return _e(bt, Pe);
}
function er() {
  return Pe;
}
function Vt(e, t) {
  return Nt(bt, e, t);
}
function It(e) {
  switch (e) {
    case 0:
    case 9:
    case 10:
    case 13:
    case 32:
      return 5;
    case 33:
    case 43:
    case 44:
    case 47:
    case 62:
    case 64:
    case 126:
    case 59:
    case 123:
    case 125:
      return 4;
    case 58:
      return 3;
    case 34:
    case 39:
    case 40:
    case 91:
      return 2;
    case 41:
    case 93:
      return 1;
  }
  return 0;
}
function Io(e) {
  return lr = yt = 1, No = ze(bt = e), Pe = 0, [];
}
function Do(e) {
  return bt = "", e;
}
function tr(e) {
  return jo(Vt(Pe - 1, qr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
}
function ya(e) {
  for (; (xe = Ye()) && xe < 33; )
    Ae();
  return It(e) > 2 || It(xe) > 3 ? "" : " ";
}
function ga(e, t) {
  for (; --t && Ae() && !(xe < 48 || xe > 102 || xe > 57 && xe < 65 || xe > 70 && xe < 97); )
    ;
  return Vt(e, er() + (t < 6 && Ye() == 32 && Ae() == 32));
}
function qr(e) {
  for (; Ae(); )
    switch (xe) {
      case e:
        return Pe;
      case 34:
      case 39:
        e !== 34 && e !== 39 && qr(xe);
        break;
      case 40:
        e === 41 && qr(e);
        break;
      case 92:
        Ae();
        break;
    }
  return Pe;
}
function ba(e, t) {
  for (; Ae() && e + xe !== 57; )
    if (e + xe === 84 && Ye() === 47)
      break;
  return "/*" + Vt(t, Pe - 1) + "*" + ur(e === 47 ? e : Ae());
}
function va(e) {
  for (; !It(Ye()); )
    Ae();
  return Vt(e, Pe);
}
function xa(e) {
  return Do(rr("", null, null, null, [""], e = Io(e), 0, [0], e));
}
function rr(e, t, r, n, o, i, a, c, u) {
  for (var l = 0, d = 0, m = a, p = 0, v = 0, b = 0, h = 1, y = 1, _ = 1, C = 0, A = "", w = o, g = i, M = n, P = A; y; )
    switch (b = C, C = Ae()) {
      case 40:
        if (b != 108 && _e(P, m - 1) == 58) {
          Yr(P += Z(tr(C), "&", "&\f"), "&\f") != -1 && (_ = -1);
          break;
        }
      case 34:
      case 39:
      case 91:
        P += tr(C);
        break;
      case 9:
      case 10:
      case 13:
      case 32:
        P += ya(b);
        break;
      case 92:
        P += ga(er() - 1, 7);
        continue;
      case 47:
        switch (Ye()) {
          case 42:
          case 47:
            Gt(Ea(ba(Ae(), er()), t, r), u);
            break;
          default:
            P += "/";
        }
        break;
      case 123 * h:
        c[l++] = ze(P) * _;
      case 125 * h:
      case 59:
      case 0:
        switch (C) {
          case 0:
          case 125:
            y = 0;
          case 59 + d:
            _ == -1 && (P = Z(P, /\f/g, "")), v > 0 && ze(P) - m && Gt(v > 32 ? In(P + ";", n, r, m - 1) : In(Z(P, " ", "") + ";", n, r, m - 2), u);
            break;
          case 59:
            P += ";";
          default:
            if (Gt(M = Nn(P, t, r, l, d, o, c, A, w = [], g = [], m), i), C === 123)
              if (d === 0)
                rr(P, t, M, M, w, i, m, c, g);
              else
                switch (p === 99 && _e(P, 3) === 110 ? 100 : p) {
                  case 100:
                  case 108:
                  case 109:
                  case 115:
                    rr(e, M, M, n && Gt(Nn(e, M, M, 0, 0, o, c, A, o, w = [], m), g), o, g, m, c, n ? w : g);
                    break;
                  default:
                    rr(P, M, M, M, [""], g, 0, c, g);
                }
        }
        l = d = v = 0, h = _ = 1, A = P = "", m = a;
        break;
      case 58:
        m = 1 + ze(P), v = b;
      default:
        if (h < 1) {
          if (C == 123)
            --h;
          else if (C == 125 && h++ == 0 && ha() == 125)
            continue;
        }
        switch (P += ur(C), C * h) {
          case 38:
            _ = d > 0 ? 1 : (P += "\f", -1);
            break;
          case 44:
            c[l++] = (ze(P) - 1) * _, _ = 1;
            break;
          case 64:
            Ye() === 45 && (P += tr(Ae())), p = Ye(), d = m = ze(A = P += va(er())), C++;
            break;
          case 45:
            b === 45 && ze(P) == 2 && (h = 0);
        }
    }
  return i;
}
function Nn(e, t, r, n, o, i, a, c, u, l, d) {
  for (var m = o - 1, p = o === 0 ? i : [""], v = cn(p), b = 0, h = 0, y = 0; b < n; ++b)
    for (var _ = 0, C = Nt(e, m + 1, m = ua(h = a[b])), A = e; _ < v; ++_)
      (A = jo(h > 0 ? p[_] + " " + C : Z(C, /&\f/g, p[_]))) && (u[y++] = A);
  return fr(e, t, r, o === 0 ? an : c, u, l, d);
}
function Ea(e, t, r) {
  return fr(e, t, r, Ao, ur(ma()), Nt(e, 2, -2), 0);
}
function In(e, t, r, n) {
  return fr(e, t, r, sn, Nt(e, 0, n), Nt(e, n + 1, -1), n);
}
function mt(e, t) {
  for (var r = "", n = cn(e), o = 0; o < n; o++)
    r += t(e[o], o, e, t) || "";
  return r;
}
function _a(e, t, r, n) {
  switch (e.type) {
    case ca:
      if (e.children.length) break;
    case sa:
    case sn:
      return e.return = e.return || e.value;
    case Ao:
      return "";
    case Mo:
      return e.return = e.value + "{" + mt(e.children, n) + "}";
    case an:
      e.value = e.props.join(",");
  }
  return ze(r = mt(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
}
function Ta(e) {
  var t = cn(e);
  return function(r, n, o, i) {
    for (var a = "", c = 0; c < t; c++)
      a += e[c](r, n, o, i) || "";
    return a;
  };
}
function Sa(e) {
  return function(t) {
    t.root || (t = t.return) && e(t);
  };
}
var Ra = function(t, r, n) {
  for (var o = 0, i = 0; o = i, i = Ye(), o === 38 && i === 12 && (r[n] = 1), !It(i); )
    Ae();
  return Vt(t, Pe);
}, Oa = function(t, r) {
  var n = -1, o = 44;
  do
    switch (It(o)) {
      case 0:
        o === 38 && Ye() === 12 && (r[n] = 1), t[n] += Ra(Pe - 1, r, n);
        break;
      case 2:
        t[n] += tr(o);
        break;
      case 4:
        if (o === 44) {
          t[++n] = Ye() === 58 ? "&\f" : "", r[n] = t[n].length;
          break;
        }
      default:
        t[n] += ur(o);
    }
  while (o = Ae());
  return t;
}, Ca = function(t, r) {
  return Do(Oa(Io(t), r));
}, Dn = /* @__PURE__ */ new WeakMap(), wa = function(t) {
  if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
  // negative .length indicates that this rule has been already prefixed
  t.length < 1)) {
    for (var r = t.value, n = t.parent, o = t.column === n.column && t.line === n.line; n.type !== "rule"; )
      if (n = n.parent, !n) return;
    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !Dn.get(n)) && !o) {
      Dn.set(t, !0);
      for (var i = [], a = Ca(r, i), c = n.props, u = 0, l = 0; u < a.length; u++)
        for (var d = 0; d < c.length; d++, l++)
          t.props[l] = i[u] ? a[u].replace(/&\f/g, c[d]) : c[d] + " " + a[u];
    }
  }
}, Pa = function(t) {
  if (t.type === "decl") {
    var r = t.value;
    // charcode for l
    r.charCodeAt(0) === 108 && // charcode for b
    r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
  }
};
function Fo(e, t) {
  switch (fa(e, t)) {
    case 5103:
      return J + "print-" + e + e;
    case 5737:
    case 4201:
    case 3177:
    case 3433:
    case 1641:
    case 4457:
    case 2921:
    case 5572:
    case 6356:
    case 5844:
    case 3191:
    case 6645:
    case 3005:
    case 6391:
    case 5879:
    case 5623:
    case 6135:
    case 4599:
    case 4855:
    case 4215:
    case 6389:
    case 5109:
    case 5365:
    case 5621:
    case 3829:
      return J + e + e;
    case 5349:
    case 4246:
    case 4810:
    case 6968:
    case 2756:
      return J + e + ir + e + Oe + e + e;
    case 6828:
    case 4268:
      return J + e + Oe + e + e;
    case 6165:
      return J + e + Oe + "flex-" + e + e;
    case 5187:
      return J + e + Z(e, /(\w+).+(:[^]+)/, J + "box-$1$2" + Oe + "flex-$1$2") + e;
    case 5443:
      return J + e + Oe + "flex-item-" + Z(e, /flex-|-self/, "") + e;
    case 4675:
      return J + e + Oe + "flex-line-pack" + Z(e, /align-content|flex-|-self/, "") + e;
    case 5548:
      return J + e + Oe + Z(e, "shrink", "negative") + e;
    case 5292:
      return J + e + Oe + Z(e, "basis", "preferred-size") + e;
    case 6060:
      return J + "box-" + Z(e, "-grow", "") + J + e + Oe + Z(e, "grow", "positive") + e;
    case 4554:
      return J + Z(e, /([^-])(transform)/g, "$1" + J + "$2") + e;
    case 6187:
      return Z(Z(Z(e, /(zoom-|grab)/, J + "$1"), /(image-set)/, J + "$1"), e, "") + e;
    case 5495:
    case 3959:
      return Z(e, /(image-set\([^]*)/, J + "$1$`$1");
    case 4968:
      return Z(Z(e, /(.+:)(flex-)?(.*)/, J + "box-pack:$3" + Oe + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + J + e + e;
    case 4095:
    case 3583:
    case 4068:
    case 2532:
      return Z(e, /(.+)-inline(.+)/, J + "$1$2") + e;
    case 8116:
    case 7059:
    case 5753:
    case 5535:
    case 5445:
    case 5701:
    case 4933:
    case 4677:
    case 5533:
    case 5789:
    case 5021:
    case 4765:
      if (ze(e) - 1 - t > 6) switch (_e(e, t + 1)) {
        case 109:
          if (_e(e, t + 4) !== 45) break;
        case 102:
          return Z(e, /(.+:)(.+)-([^]+)/, "$1" + J + "$2-$3$1" + ir + (_e(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
        case 115:
          return ~Yr(e, "stretch") ? Fo(Z(e, "stretch", "fill-available"), t) + e : e;
      }
      break;
    case 4949:
      if (_e(e, t + 1) !== 115) break;
    case 6444:
      switch (_e(e, ze(e) - 3 - (~Yr(e, "!important") && 10))) {
        case 107:
          return Z(e, ":", ":" + J) + e;
        case 101:
          return Z(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + J + (_e(e, 14) === 45 ? "inline-" : "") + "box$3$1" + J + "$2$3$1" + Oe + "$2box$3") + e;
      }
      break;
    case 5936:
      switch (_e(e, t + 11)) {
        case 114:
          return J + e + Oe + Z(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
        case 108:
          return J + e + Oe + Z(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
        case 45:
          return J + e + Oe + Z(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
      }
      return J + e + Oe + e + e;
  }
  return e;
}
var $a = function(t, r, n, o) {
  if (t.length > -1 && !t.return) switch (t.type) {
    case sn:
      t.return = Fo(t.value, t.length);
      break;
    case Mo:
      return mt([$t(t, {
        value: Z(t.value, "@", "@" + J)
      })], o);
    case an:
      if (t.length) return pa(t.props, function(i) {
        switch (da(i, /(::plac\w+|:read-\w+)/)) {
          case ":read-only":
          case ":read-write":
            return mt([$t(t, {
              props: [Z(i, /:(read-\w+)/, ":" + ir + "$1")]
            })], o);
          case "::placeholder":
            return mt([$t(t, {
              props: [Z(i, /:(plac\w+)/, ":" + J + "input-$1")]
            }), $t(t, {
              props: [Z(i, /:(plac\w+)/, ":" + ir + "$1")]
            }), $t(t, {
              props: [Z(i, /:(plac\w+)/, Oe + "input-$1")]
            })], o);
        }
        return "";
      });
  }
}, ka = [$a], Vo = function(t) {
  var r = t.key;
  if (r === "css") {
    var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
    Array.prototype.forEach.call(n, function(h) {
      var y = h.getAttribute("data-emotion");
      y.indexOf(" ") !== -1 && (document.head.appendChild(h), h.setAttribute("data-s", ""));
    });
  }
  var o = t.stylisPlugins || ka, i = {}, a, c = [];
  a = t.container || document.head, Array.prototype.forEach.call(
    // this means we will ignore elements which don't have a space in them which
    // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
    document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
    function(h) {
      for (var y = h.getAttribute("data-emotion").split(" "), _ = 1; _ < y.length; _++)
        i[y[_]] = !0;
      c.push(h);
    }
  );
  var u, l = [wa, Pa];
  {
    var d, m = [_a, Sa(function(h) {
      d.insert(h);
    })], p = Ta(l.concat(o, m)), v = function(y) {
      return mt(xa(y), p);
    };
    u = function(y, _, C, A) {
      d = C, v(y ? y + "{" + _.styles + "}" : _.styles), A && (b.inserted[_.name] = !0);
    };
  }
  var b = {
    key: r,
    sheet: new aa({
      key: r,
      container: a,
      nonce: t.nonce,
      speedy: t.speedy,
      prepend: t.prepend,
      insertionPoint: t.insertionPoint
    }),
    nonce: t.nonce,
    inserted: i,
    registered: {},
    insert: u
  };
  return b.sheet.hydrate(c), b;
}, Xt = { exports: {} }, te = {};
/** @license React v16.13.1
 * react-is.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var Fn;
function Aa() {
  if (Fn) return te;
  Fn = 1;
  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
  function A(g) {
    if (typeof g == "object" && g !== null) {
      var M = g.$$typeof;
      switch (M) {
        case t:
          switch (g = g.type, g) {
            case u:
            case l:
            case n:
            case i:
            case o:
            case m:
              return g;
            default:
              switch (g = g && g.$$typeof, g) {
                case c:
                case d:
                case b:
                case v:
                case a:
                  return g;
                default:
                  return M;
              }
          }
        case r:
          return M;
      }
    }
  }
  function w(g) {
    return A(g) === l;
  }
  return te.AsyncMode = u, te.ConcurrentMode = l, te.ContextConsumer = c, te.ContextProvider = a, te.Element = t, te.ForwardRef = d, te.Fragment = n, te.Lazy = b, te.Memo = v, te.Portal = r, te.Profiler = i, te.StrictMode = o, te.Suspense = m, te.isAsyncMode = function(g) {
    return w(g) || A(g) === u;
  }, te.isConcurrentMode = w, te.isContextConsumer = function(g) {
    return A(g) === c;
  }, te.isContextProvider = function(g) {
    return A(g) === a;
  }, te.isElement = function(g) {
    return typeof g == "object" && g !== null && g.$$typeof === t;
  }, te.isForwardRef = function(g) {
    return A(g) === d;
  }, te.isFragment = function(g) {
    return A(g) === n;
  }, te.isLazy = function(g) {
    return A(g) === b;
  }, te.isMemo = function(g) {
    return A(g) === v;
  }, te.isPortal = function(g) {
    return A(g) === r;
  }, te.isProfiler = function(g) {
    return A(g) === i;
  }, te.isStrictMode = function(g) {
    return A(g) === o;
  }, te.isSuspense = function(g) {
    return A(g) === m;
  }, te.isValidElementType = function(g) {
    return typeof g == "string" || typeof g == "function" || g === n || g === l || g === i || g === o || g === m || g === p || typeof g == "object" && g !== null && (g.$$typeof === b || g.$$typeof === v || g.$$typeof === a || g.$$typeof === c || g.$$typeof === d || g.$$typeof === y || g.$$typeof === _ || g.$$typeof === C || g.$$typeof === h);
  }, te.typeOf = A, te;
}
var re = {};
/** @license React v16.13.1
 * react-is.development.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var Vn;
function Ma() {
  return Vn || (Vn = 1, process.env.NODE_ENV !== "production" && function() {
    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
    function A(T) {
      return typeof T == "string" || typeof T == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
      T === n || T === l || T === i || T === o || T === m || T === p || typeof T == "object" && T !== null && (T.$$typeof === b || T.$$typeof === v || T.$$typeof === a || T.$$typeof === c || T.$$typeof === d || T.$$typeof === y || T.$$typeof === _ || T.$$typeof === C || T.$$typeof === h);
    }
    function w(T) {
      if (typeof T == "object" && T !== null) {
        var Re = T.$$typeof;
        switch (Re) {
          case t:
            var k = T.type;
            switch (k) {
              case u:
              case l:
              case n:
              case i:
              case o:
              case m:
                return k;
              default:
                var $e = k && k.$$typeof;
                switch ($e) {
                  case c:
                  case d:
                  case b:
                  case v:
                  case a:
                    return $e;
                  default:
                    return Re;
                }
            }
          case r:
            return Re;
        }
      }
    }
    var g = u, M = l, P = c, ae = a, G = t, se = d, H = n, ie = b, X = v, Q = r, me = i, ce = o, Ee = m, fe = !1;
    function Le(T) {
      return fe || (fe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), E(T) || w(T) === u;
    }
    function E(T) {
      return w(T) === l;
    }
    function O(T) {
      return w(T) === c;
    }
    function W(T) {
      return w(T) === a;
    }
    function V(T) {
      return typeof T == "object" && T !== null && T.$$typeof === t;
    }
    function j(T) {
      return w(T) === d;
    }
    function z(T) {
      return w(T) === n;
    }
    function N(T) {
      return w(T) === b;
    }
    function F(T) {
      return w(T) === v;
    }
    function B(T) {
      return w(T) === r;
    }
    function D(T) {
      return w(T) === i;
    }
    function U(T) {
      return w(T) === o;
    }
    function be(T) {
      return w(T) === m;
    }
    re.AsyncMode = g, re.ConcurrentMode = M, re.ContextConsumer = P, re.ContextProvider = ae, re.Element = G, re.ForwardRef = se, re.Fragment = H, re.Lazy = ie, re.Memo = X, re.Portal = Q, re.Profiler = me, re.StrictMode = ce, re.Suspense = Ee, re.isAsyncMode = Le, re.isConcurrentMode = E, re.isContextConsumer = O, re.isContextProvider = W, re.isElement = V, re.isForwardRef = j, re.isFragment = z, re.isLazy = N, re.isMemo = F, re.isPortal = B, re.isProfiler = D, re.isStrictMode = U, re.isSuspense = be, re.isValidElementType = A, re.typeOf = w;
  }()), re;
}
var Bn;
function un() {
  return Bn || (Bn = 1, process.env.NODE_ENV === "production" ? Xt.exports = Aa() : Xt.exports = Ma()), Xt.exports;
}
var Bo = un(), ja = {
  $$typeof: !0,
  render: !0,
  defaultProps: !0,
  displayName: !0,
  propTypes: !0
}, Na = {
  $$typeof: !0,
  compare: !0,
  defaultProps: !0,
  displayName: !0,
  propTypes: !0,
  type: !0
}, Lo = {};
Lo[Bo.ForwardRef] = ja;
Lo[Bo.Memo] = Na;
var Ia = !0;
function Da(e, t, r) {
  var n = "";
  return r.split(" ").forEach(function(o) {
    e[o] !== void 0 ? t.push(e[o] + ";") : n += o + " ";
  }), n;
}
var Wo = function(t, r, n) {
  var o = t.key + "-" + r.name;
  // we only need to add the styles to the registered cache if the
  // class name could be used further down
  // the tree but if it's a string tag, we know it won't
  // so we don't have to add it to registered cache.
  // this improves memory usage since we can avoid storing the whole style string
  (n === !1 || // we need to always store it if we're in compat mode and
  // in node since emotion-server relies on whether a style is in
  // the registered cache to know whether a style is global or not
  // also, note that this check will be dead code eliminated in the browser
  Ia === !1) && t.registered[o] === void 0 && (t.registered[o] = r.styles);
}, zo = function(t, r, n) {
  Wo(t, r, n);
  var o = t.key + "-" + r.name;
  if (t.inserted[r.name] === void 0) {
    var i = r;
    do
      t.insert(r === i ? "." + o : "", i, t.sheet, !0), i = i.next;
    while (i !== void 0);
  }
};
function Fa(e) {
  for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
    r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
    r >>> 24, t = /* Math.imul(k, m): */
    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
  switch (o) {
    case 3:
      t ^= (e.charCodeAt(n + 2) & 255) << 16;
    case 2:
      t ^= (e.charCodeAt(n + 1) & 255) << 8;
    case 1:
      t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
  }
  return t ^= t >>> 13, t = /* Math.imul(h, m): */
  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
}
var Va = {
  animationIterationCount: 1,
  aspectRatio: 1,
  borderImageOutset: 1,
  borderImageSlice: 1,
  borderImageWidth: 1,
  boxFlex: 1,
  boxFlexGroup: 1,
  boxOrdinalGroup: 1,
  columnCount: 1,
  columns: 1,
  flex: 1,
  flexGrow: 1,
  flexPositive: 1,
  flexShrink: 1,
  flexNegative: 1,
  flexOrder: 1,
  gridRow: 1,
  gridRowEnd: 1,
  gridRowSpan: 1,
  gridRowStart: 1,
  gridColumn: 1,
  gridColumnEnd: 1,
  gridColumnSpan: 1,
  gridColumnStart: 1,
  msGridRow: 1,
  msGridRowSpan: 1,
  msGridColumn: 1,
  msGridColumnSpan: 1,
  fontWeight: 1,
  lineHeight: 1,
  opacity: 1,
  order: 1,
  orphans: 1,
  tabSize: 1,
  widows: 1,
  zIndex: 1,
  zoom: 1,
  WebkitLineClamp: 1,
  // SVG-related properties
  fillOpacity: 1,
  floodOpacity: 1,
  stopOpacity: 1,
  strokeDasharray: 1,
  strokeDashoffset: 1,
  strokeMiterlimit: 1,
  strokeOpacity: 1,
  strokeWidth: 1
}, Ba = !1, La = /[A-Z]|^ms/g, Wa = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Uo = function(t) {
  return t.charCodeAt(1) === 45;
}, Ln = function(t) {
  return t != null && typeof t != "boolean";
}, kr = /* @__PURE__ */ ko(function(e) {
  return Uo(e) ? e : e.replace(La, "-$&").toLowerCase();
}), Wn = function(t, r) {
  switch (t) {
    case "animation":
    case "animationName":
      if (typeof r == "string")
        return r.replace(Wa, function(n, o, i) {
          return Ue = {
            name: o,
            styles: i,
            next: Ue
          }, o;
        });
  }
  return Va[t] !== 1 && !Uo(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
}, za = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
function Dt(e, t, r) {
  if (r == null)
    return "";
  var n = r;
  if (n.__emotion_styles !== void 0)
    return n;
  switch (typeof r) {
    case "boolean":
      return "";
    case "object": {
      var o = r;
      if (o.anim === 1)
        return Ue = {
          name: o.name,
          styles: o.styles,
          next: Ue
        }, o.name;
      var i = r;
      if (i.styles !== void 0) {
        var a = i.next;
        if (a !== void 0)
          for (; a !== void 0; )
            Ue = {
              name: a.name,
              styles: a.styles,
              next: Ue
            }, a = a.next;
        var c = i.styles + ";";
        return c;
      }
      return Ua(e, t, r);
    }
    case "function": {
      if (e !== void 0) {
        var u = Ue, l = r(e);
        return Ue = u, Dt(e, t, l);
      }
      break;
    }
  }
  var d = r;
  if (t == null)
    return d;
  var m = t[d];
  return m !== void 0 ? m : d;
}
function Ua(e, t, r) {
  var n = "";
  if (Array.isArray(r))
    for (var o = 0; o < r.length; o++)
      n += Dt(e, t, r[o]) + ";";
  else
    for (var i in r) {
      var a = r[i];
      if (typeof a != "object") {
        var c = a;
        t != null && t[c] !== void 0 ? n += i + "{" + t[c] + "}" : Ln(c) && (n += kr(i) + ":" + Wn(i, c) + ";");
      } else {
        if (i === "NO_COMPONENT_SELECTOR" && Ba)
          throw new Error(za);
        if (Array.isArray(a) && typeof a[0] == "string" && (t == null || t[a[0]] === void 0))
          for (var u = 0; u < a.length; u++)
            Ln(a[u]) && (n += kr(i) + ":" + Wn(i, a[u]) + ";");
        else {
          var l = Dt(e, t, a);
          switch (i) {
            case "animation":
            case "animationName": {
              n += kr(i) + ":" + l + ";";
              break;
            }
            default:
              n += i + "{" + l + "}";
          }
        }
      }
    }
  return n;
}
var zn = /label:\s*([^\s;\n{]+)\s*(;|$)/g, Ue;
function ln(e, t, r) {
  if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
    return e[0];
  var n = !0, o = "";
  Ue = void 0;
  var i = e[0];
  if (i == null || i.raw === void 0)
    n = !1, o += Dt(r, t, i);
  else {
    var a = i;
    o += a[0];
  }
  for (var c = 1; c < e.length; c++)
    if (o += Dt(r, t, e[c]), n) {
      var u = i;
      o += u[c];
    }
  zn.lastIndex = 0;
  for (var l = "", d; (d = zn.exec(o)) !== null; )
    l += "-" + d[1];
  var m = Fa(o) + l;
  return {
    name: m,
    styles: o,
    next: Ue
  };
}
var Ya = function(t) {
  return t();
}, Yo = S.useInsertionEffect ? S.useInsertionEffect : !1, qa = Yo || Ya, Un = Yo || S.useLayoutEffect, qo = /* @__PURE__ */ S.createContext(
  // we're doing this to avoid preconstruct's dead code elimination in this one case
  // because this module is primarily intended for the browser and node
  // but it's also required in react native and similar environments sometimes
  // and we could have a special build just for that
  // but this is much easier and the native packages
  // might use a different theme context in the future anyway
  typeof HTMLElement < "u" ? /* @__PURE__ */ Vo({
    key: "css"
  }) : null
), Ka = qo.Provider, Ko = function(t) {
  return /* @__PURE__ */ Ki(function(r, n) {
    var o = Hi(qo);
    return t(r, o, n);
  });
}, dr = /* @__PURE__ */ S.createContext({}), Ha = /* @__PURE__ */ Ko(function(e, t) {
  var r = e.styles, n = ln([r], void 0, S.useContext(dr)), o = S.useRef();
  return Un(function() {
    var i = t.key + "-global", a = new t.sheet.constructor({
      key: i,
      nonce: t.sheet.nonce,
      container: t.sheet.container,
      speedy: t.sheet.isSpeedy
    }), c = !1, u = document.querySelector('style[data-emotion="' + i + " " + n.name + '"]');
    return t.sheet.tags.length && (a.before = t.sheet.tags[0]), u !== null && (c = !0, u.setAttribute("data-emotion", i), a.hydrate([u])), o.current = [a, c], function() {
      a.flush();
    };
  }, [t]), Un(function() {
    var i = o.current, a = i[0], c = i[1];
    if (c) {
      i[1] = !1;
      return;
    }
    if (n.next !== void 0 && zo(t, n.next, !0), a.tags.length) {
      var u = a.tags[a.tags.length - 1].nextElementSibling;
      a.before = u, a.flush();
    }
    t.insert("", n, a, !1);
  }, [t, n.name]), null;
});
function Ho() {
  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
    t[r] = arguments[r];
  return ln(t);
}
var pr = function() {
  var t = Ho.apply(void 0, arguments), r = "animation-" + t.name;
  return {
    name: r,
    styles: "@keyframes " + r + "{" + t.styles + "}",
    anim: 1,
    toString: function() {
      return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
    }
  };
}, Ga = ra, Xa = function(t) {
  return t !== "theme";
}, Yn = function(t) {
  return typeof t == "string" && // 96 is one less than the char code
  // for "a" so this is checking that
  // it's a lowercase character
  t.charCodeAt(0) > 96 ? Ga : Xa;
}, qn = function(t, r, n) {
  var o;
  if (r) {
    var i = r.shouldForwardProp;
    o = t.__emotion_forwardProp && i ? function(a) {
      return t.__emotion_forwardProp(a) && i(a);
    } : i;
  }
  return typeof o != "function" && n && (o = t.__emotion_forwardProp), o;
}, Ja = !1, Za = function(t) {
  var r = t.cache, n = t.serialized, o = t.isStringTag;
  return Wo(r, n, o), qa(function() {
    return zo(r, n, o);
  }), null;
}, Qa = function e(t, r) {
  var n = t.__emotion_real === t, o = n && t.__emotion_base || t, i, a;
  r !== void 0 && (i = r.label, a = r.target);
  var c = qn(t, r, n), u = c || Yn(o), l = !u("as");
  return function() {
    var d = arguments, m = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
    if (i !== void 0 && m.push("label:" + i + ";"), d[0] == null || d[0].raw === void 0)
      m.push.apply(m, d);
    else {
      m.push(d[0][0]);
      for (var p = d.length, v = 1; v < p; v++)
        m.push(d[v], d[0][v]);
    }
    var b = Ko(function(h, y, _) {
      var C = l && h.as || o, A = "", w = [], g = h;
      if (h.theme == null) {
        g = {};
        for (var M in h)
          g[M] = h[M];
        g.theme = S.useContext(dr);
      }
      typeof h.className == "string" ? A = Da(y.registered, w, h.className) : h.className != null && (A = h.className + " ");
      var P = ln(m.concat(w), y.registered, g);
      A += y.key + "-" + P.name, a !== void 0 && (A += " " + a);
      var ae = l && c === void 0 ? Yn(C) : u, G = {};
      for (var se in h)
        l && se === "as" || ae(se) && (G[se] = h[se]);
      return G.className = A, _ && (G.ref = _), /* @__PURE__ */ S.createElement(S.Fragment, null, /* @__PURE__ */ S.createElement(Za, {
        cache: y,
        serialized: P,
        isStringTag: typeof C == "string"
      }), /* @__PURE__ */ S.createElement(C, G));
    });
    return b.displayName = i !== void 0 ? i : "Styled(" + (typeof o == "string" ? o : o.displayName || o.name || "Component") + ")", b.defaultProps = t.defaultProps, b.__emotion_real = b, b.__emotion_base = o, b.__emotion_styles = m, b.__emotion_forwardProp = c, Object.defineProperty(b, "toString", {
      value: function() {
        return a === void 0 && Ja ? "NO_COMPONENT_SELECTOR" : "." + a;
      }
    }), b.withComponent = function(h, y) {
      return e(h, $({}, r, y, {
        shouldForwardProp: qn(b, y, !0)
      })).apply(void 0, m);
    }, b;
  };
}, es = [
  "a",
  "abbr",
  "address",
  "area",
  "article",
  "aside",
  "audio",
  "b",
  "base",
  "bdi",
  "bdo",
  "big",
  "blockquote",
  "body",
  "br",
  "button",
  "canvas",
  "caption",
  "cite",
  "code",
  "col",
  "colgroup",
  "data",
  "datalist",
  "dd",
  "del",
  "details",
  "dfn",
  "dialog",
  "div",
  "dl",
  "dt",
  "em",
  "embed",
  "fieldset",
  "figcaption",
  "figure",
  "footer",
  "form",
  "h1",
  "h2",
  "h3",
  "h4",
  "h5",
  "h6",
  "head",
  "header",
  "hgroup",
  "hr",
  "html",
  "i",
  "iframe",
  "img",
  "input",
  "ins",
  "kbd",
  "keygen",
  "label",
  "legend",
  "li",
  "link",
  "main",
  "map",
  "mark",
  "marquee",
  "menu",
  "menuitem",
  "meta",
  "meter",
  "nav",
  "noscript",
  "object",
  "ol",
  "optgroup",
  "option",
  "output",
  "p",
  "param",
  "picture",
  "pre",
  "progress",
  "q",
  "rp",
  "rt",
  "ruby",
  "s",
  "samp",
  "script",
  "section",
  "select",
  "small",
  "source",
  "span",
  "strong",
  "style",
  "sub",
  "summary",
  "sup",
  "table",
  "tbody",
  "td",
  "textarea",
  "tfoot",
  "th",
  "thead",
  "time",
  "title",
  "tr",
  "track",
  "u",
  "ul",
  "var",
  "video",
  "wbr",
  // SVG
  "circle",
  "clipPath",
  "defs",
  "ellipse",
  "foreignObject",
  "g",
  "image",
  "line",
  "linearGradient",
  "mask",
  "path",
  "pattern",
  "polygon",
  "polyline",
  "radialGradient",
  "rect",
  "stop",
  "svg",
  "text",
  "tspan"
], Kr = Qa.bind();
es.forEach(function(e) {
  Kr[e] = Kr(e);
});
var Hr = { exports: {} };
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
var Ar, Kn;
function ts() {
  if (Kn) return Ar;
  Kn = 1;
  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
  function n(i) {
    if (i == null)
      throw new TypeError("Object.assign cannot be called with null or undefined");
    return Object(i);
  }
  function o() {
    try {
      if (!Object.assign)
        return !1;
      var i = new String("abc");
      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
        return !1;
      for (var a = {}, c = 0; c < 10; c++)
        a["_" + String.fromCharCode(c)] = c;
      var u = Object.getOwnPropertyNames(a).map(function(d) {
        return a[d];
      });
      if (u.join("") !== "0123456789")
        return !1;
      var l = {};
      return "abcdefghijklmnopqrst".split("").forEach(function(d) {
        l[d] = d;
      }), Object.keys(Object.assign({}, l)).join("") === "abcdefghijklmnopqrst";
    } catch {
      return !1;
    }
  }
  return Ar = o() ? Object.assign : function(i, a) {
    for (var c, u = n(i), l, d = 1; d < arguments.length; d++) {
      c = Object(arguments[d]);
      for (var m in c)
        t.call(c, m) && (u[m] = c[m]);
      if (e) {
        l = e(c);
        for (var p = 0; p < l.length; p++)
          r.call(c, l[p]) && (u[l[p]] = c[l[p]]);
      }
    }
    return u;
  }, Ar;
}
var Mr, Hn;
function fn() {
  if (Hn) return Mr;
  Hn = 1;
  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
  return Mr = e, Mr;
}
var jr, Gn;
function Go() {
  return Gn || (Gn = 1, jr = Function.call.bind(Object.prototype.hasOwnProperty)), jr;
}
var Nr, Xn;
function rs() {
  if (Xn) return Nr;
  Xn = 1;
  var e = function() {
  };
  if (process.env.NODE_ENV !== "production") {
    var t = fn(), r = {}, n = Go();
    e = function(i) {
      var a = "Warning: " + i;
      typeof console < "u" && console.error(a);
      try {
        throw new Error(a);
      } catch {
      }
    };
  }
  function o(i, a, c, u, l) {
    if (process.env.NODE_ENV !== "production") {
      for (var d in i)
        if (n(i, d)) {
          var m;
          try {
            if (typeof i[d] != "function") {
              var p = Error(
                (u || "React class") + ": " + c + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
              );
              throw p.name = "Invariant Violation", p;
            }
            m = i[d](a, d, u, c, null, t);
          } catch (b) {
            m = b;
          }
          if (m && !(m instanceof Error) && e(
            (u || "React class") + ": type specification of " + c + " `" + d + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
          ), m instanceof Error && !(m.message in r)) {
            r[m.message] = !0;
            var v = l ? l() : "";
            e(
              "Failed " + c + " type: " + m.message + (v ?? "")
            );
          }
        }
    }
  }
  return o.resetWarningCache = function() {
    process.env.NODE_ENV !== "production" && (r = {});
  }, Nr = o, Nr;
}
var Ir, Jn;
function ns() {
  if (Jn) return Ir;
  Jn = 1;
  var e = un(), t = ts(), r = fn(), n = Go(), o = rs(), i = function() {
  };
  process.env.NODE_ENV !== "production" && (i = function(c) {
    var u = "Warning: " + c;
    typeof console < "u" && console.error(u);
    try {
      throw new Error(u);
    } catch {
    }
  });
  function a() {
    return null;
  }
  return Ir = function(c, u) {
    var l = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
    function m(E) {
      var O = E && (l && E[l] || E[d]);
      if (typeof O == "function")
        return O;
    }
    var p = "<<anonymous>>", v = {
      array: _("array"),
      bigint: _("bigint"),
      bool: _("boolean"),
      func: _("function"),
      number: _("number"),
      object: _("object"),
      string: _("string"),
      symbol: _("symbol"),
      any: C(),
      arrayOf: A,
      element: w(),
      elementType: g(),
      instanceOf: M,
      node: se(),
      objectOf: ae,
      oneOf: P,
      oneOfType: G,
      shape: ie,
      exact: X
    };
    function b(E, O) {
      return E === O ? E !== 0 || 1 / E === 1 / O : E !== E && O !== O;
    }
    function h(E, O) {
      this.message = E, this.data = O && typeof O == "object" ? O : {}, this.stack = "";
    }
    h.prototype = Error.prototype;
    function y(E) {
      if (process.env.NODE_ENV !== "production")
        var O = {}, W = 0;
      function V(z, N, F, B, D, U, be) {
        if (B = B || p, U = U || F, be !== r) {
          if (u) {
            var T = new Error(
              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
            );
            throw T.name = "Invariant Violation", T;
          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
            var Re = B + ":" + F;
            !O[Re] && // Avoid spamming the console because they are often not actionable except for lib authors
            W < 3 && (i(
              "You are manually calling a React.PropTypes validation function for the `" + U + "` prop on `" + B + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
            ), O[Re] = !0, W++);
          }
        }
        return N[F] == null ? z ? N[F] === null ? new h("The " + D + " `" + U + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new h("The " + D + " `" + U + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : E(N, F, B, D, U);
      }
      var j = V.bind(null, !1);
      return j.isRequired = V.bind(null, !0), j;
    }
    function _(E) {
      function O(W, V, j, z, N, F) {
        var B = W[V], D = ce(B);
        if (D !== E) {
          var U = Ee(B);
          return new h(
            "Invalid " + z + " `" + N + "` of type " + ("`" + U + "` supplied to `" + j + "`, expected ") + ("`" + E + "`."),
            { expectedType: E }
          );
        }
        return null;
      }
      return y(O);
    }
    function C() {
      return y(a);
    }
    function A(E) {
      function O(W, V, j, z, N) {
        if (typeof E != "function")
          return new h("Property `" + N + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
        var F = W[V];
        if (!Array.isArray(F)) {
          var B = ce(F);
          return new h("Invalid " + z + " `" + N + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected an array."));
        }
        for (var D = 0; D < F.length; D++) {
          var U = E(F, D, j, z, N + "[" + D + "]", r);
          if (U instanceof Error)
            return U;
        }
        return null;
      }
      return y(O);
    }
    function w() {
      function E(O, W, V, j, z) {
        var N = O[W];
        if (!c(N)) {
          var F = ce(N);
          return new h("Invalid " + j + " `" + z + "` of type " + ("`" + F + "` supplied to `" + V + "`, expected a single ReactElement."));
        }
        return null;
      }
      return y(E);
    }
    function g() {
      function E(O, W, V, j, z) {
        var N = O[W];
        if (!e.isValidElementType(N)) {
          var F = ce(N);
          return new h("Invalid " + j + " `" + z + "` of type " + ("`" + F + "` supplied to `" + V + "`, expected a single ReactElement type."));
        }
        return null;
      }
      return y(E);
    }
    function M(E) {
      function O(W, V, j, z, N) {
        if (!(W[V] instanceof E)) {
          var F = E.name || p, B = Le(W[V]);
          return new h("Invalid " + z + " `" + N + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected ") + ("instance of `" + F + "`."));
        }
        return null;
      }
      return y(O);
    }
    function P(E) {
      if (!Array.isArray(E))
        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
        ) : i("Invalid argument supplied to oneOf, expected an array.")), a;
      function O(W, V, j, z, N) {
        for (var F = W[V], B = 0; B < E.length; B++)
          if (b(F, E[B]))
            return null;
        var D = JSON.stringify(E, function(be, T) {
          var Re = Ee(T);
          return Re === "symbol" ? String(T) : T;
        });
        return new h("Invalid " + z + " `" + N + "` of value `" + String(F) + "` " + ("supplied to `" + j + "`, expected one of " + D + "."));
      }
      return y(O);
    }
    function ae(E) {
      function O(W, V, j, z, N) {
        if (typeof E != "function")
          return new h("Property `" + N + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
        var F = W[V], B = ce(F);
        if (B !== "object")
          return new h("Invalid " + z + " `" + N + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected an object."));
        for (var D in F)
          if (n(F, D)) {
            var U = E(F, D, j, z, N + "." + D, r);
            if (U instanceof Error)
              return U;
          }
        return null;
      }
      return y(O);
    }
    function G(E) {
      if (!Array.isArray(E))
        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
      for (var O = 0; O < E.length; O++) {
        var W = E[O];
        if (typeof W != "function")
          return i(
            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + fe(W) + " at index " + O + "."
          ), a;
      }
      function V(j, z, N, F, B) {
        for (var D = [], U = 0; U < E.length; U++) {
          var be = E[U], T = be(j, z, N, F, B, r);
          if (T == null)
            return null;
          T.data && n(T.data, "expectedType") && D.push(T.data.expectedType);
        }
        var Re = D.length > 0 ? ", expected one of type [" + D.join(", ") + "]" : "";
        return new h("Invalid " + F + " `" + B + "` supplied to " + ("`" + N + "`" + Re + "."));
      }
      return y(V);
    }
    function se() {
      function E(O, W, V, j, z) {
        return Q(O[W]) ? null : new h("Invalid " + j + " `" + z + "` supplied to " + ("`" + V + "`, expected a ReactNode."));
      }
      return y(E);
    }
    function H(E, O, W, V, j) {
      return new h(
        (E || "React class") + ": " + O + " type `" + W + "." + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + j + "`."
      );
    }
    function ie(E) {
      function O(W, V, j, z, N) {
        var F = W[V], B = ce(F);
        if (B !== "object")
          return new h("Invalid " + z + " `" + N + "` of type `" + B + "` " + ("supplied to `" + j + "`, expected `object`."));
        for (var D in E) {
          var U = E[D];
          if (typeof U != "function")
            return H(j, z, N, D, Ee(U));
          var be = U(F, D, j, z, N + "." + D, r);
          if (be)
            return be;
        }
        return null;
      }
      return y(O);
    }
    function X(E) {
      function O(W, V, j, z, N) {
        var F = W[V], B = ce(F);
        if (B !== "object")
          return new h("Invalid " + z + " `" + N + "` of type `" + B + "` " + ("supplied to `" + j + "`, expected `object`."));
        var D = t({}, W[V], E);
        for (var U in D) {
          var be = E[U];
          if (n(E, U) && typeof be != "function")
            return H(j, z, N, U, Ee(be));
          if (!be)
            return new h(
              "Invalid " + z + " `" + N + "` key `" + U + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(W[V], null, "  ") + `
Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
            );
          var T = be(F, U, j, z, N + "." + U, r);
          if (T)
            return T;
        }
        return null;
      }
      return y(O);
    }
    function Q(E) {
      switch (typeof E) {
        case "number":
        case "string":
        case "undefined":
          return !0;
        case "boolean":
          return !E;
        case "object":
          if (Array.isArray(E))
            return E.every(Q);
          if (E === null || c(E))
            return !0;
          var O = m(E);
          if (O) {
            var W = O.call(E), V;
            if (O !== E.entries) {
              for (; !(V = W.next()).done; )
                if (!Q(V.value))
                  return !1;
            } else
              for (; !(V = W.next()).done; ) {
                var j = V.value;
                if (j && !Q(j[1]))
                  return !1;
              }
          } else
            return !1;
          return !0;
        default:
          return !1;
      }
    }
    function me(E, O) {
      return E === "symbol" ? !0 : O ? O["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && O instanceof Symbol : !1;
    }
    function ce(E) {
      var O = typeof E;
      return Array.isArray(E) ? "array" : E instanceof RegExp ? "object" : me(O, E) ? "symbol" : O;
    }
    function Ee(E) {
      if (typeof E > "u" || E === null)
        return "" + E;
      var O = ce(E);
      if (O === "object") {
        if (E instanceof Date)
          return "date";
        if (E instanceof RegExp)
          return "regexp";
      }
      return O;
    }
    function fe(E) {
      var O = Ee(E);
      switch (O) {
        case "array":
        case "object":
          return "an " + O;
        case "boolean":
        case "date":
        case "regexp":
          return "a " + O;
        default:
          return O;
      }
    }
    function Le(E) {
      return !E.constructor || !E.constructor.name ? p : E.constructor.name;
    }
    return v.checkPropTypes = o, v.resetWarningCache = o.resetWarningCache, v.PropTypes = v, v;
  }, Ir;
}
var Dr, Zn;
function os() {
  if (Zn) return Dr;
  Zn = 1;
  var e = fn();
  function t() {
  }
  function r() {
  }
  return r.resetWarningCache = t, Dr = function() {
    function n(a, c, u, l, d, m) {
      if (m !== e) {
        var p = new Error(
          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
        );
        throw p.name = "Invariant Violation", p;
      }
    }
    n.isRequired = n;
    function o() {
      return n;
    }
    var i = {
      array: n,
      bigint: n,
      bool: n,
      func: n,
      number: n,
      object: n,
      string: n,
      symbol: n,
      any: n,
      arrayOf: o,
      element: n,
      elementType: n,
      instanceOf: o,
      node: n,
      objectOf: o,
      oneOf: o,
      oneOfType: o,
      shape: o,
      exact: o,
      checkPropTypes: r,
      resetWarningCache: t
    };
    return i.PropTypes = i, i;
  }, Dr;
}
if (process.env.NODE_ENV !== "production") {
  var is = un(), as = !0;
  Hr.exports = ns()(is.isElement, as);
} else
  Hr.exports = os()();
var ss = Hr.exports;
const f = /* @__PURE__ */ Xi(ss);
let Gr;
typeof document == "object" && (Gr = Vo({
  key: "css",
  prepend: !0
}));
function Xo(e) {
  const {
    injectFirst: t,
    children: r
  } = e;
  return t && Gr ? /* @__PURE__ */ K.jsx(Ka, {
    value: Gr,
    children: r
  }) : r;
}
process.env.NODE_ENV !== "production" && (Xo.propTypes = {
  /**
   * Your component tree.
   */
  children: f.node,
  /**
   * By default, the styles are injected last in the <head> element of the page.
   * As a result, they gain more specificity than any other style sheet.
   * If you want to override MUI's styles, set this prop.
   */
  injectFirst: f.bool
});
function cs(e) {
  return e == null || Object.keys(e).length === 0;
}
function Jo(e) {
  const {
    styles: t,
    defaultTheme: r = {}
  } = e, n = typeof t == "function" ? (o) => t(cs(o) ? r : o) : t;
  return /* @__PURE__ */ K.jsx(Ha, {
    styles: n
  });
}
process.env.NODE_ENV !== "production" && (Jo.propTypes = {
  defaultTheme: f.object,
  styles: f.oneOfType([f.array, f.string, f.object, f.func])
});
/**
 * @mui/styled-engine v5.16.4
 *
 * @license MIT
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
function Zo(e, t) {
  const r = Kr(e, t);
  return process.env.NODE_ENV !== "production" ? (...n) => {
    const o = typeof e == "string" ? `"${e}"` : "component";
    return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
`)) : n.some((i) => i === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), r(...n);
  } : r;
}
const us = (e, t) => {
  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
}, ls = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  GlobalStyles: Jo,
  StyledEngineProvider: Xo,
  ThemeContext: dr,
  css: Ho,
  default: Zo,
  internal_processStyles: us,
  keyframes: pr
}, Symbol.toStringTag, { value: "Module" }));
function Je(e) {
  if (typeof e != "object" || e === null)
    return !1;
  const t = Object.getPrototypeOf(e);
  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
}
function Qo(e) {
  if (!Je(e))
    return e;
  const t = {};
  return Object.keys(e).forEach((r) => {
    t[r] = Qo(e[r]);
  }), t;
}
function qe(e, t, r = {
  clone: !0
}) {
  const n = r.clone ? $({}, e) : e;
  return Je(e) && Je(t) && Object.keys(t).forEach((o) => {
    Je(t[o]) && // Avoid prototype pollution
    Object.prototype.hasOwnProperty.call(e, o) && Je(e[o]) ? n[o] = qe(e[o], t[o], r) : r.clone ? n[o] = Je(t[o]) ? Qo(t[o]) : t[o] : n[o] = t[o];
  }), n;
}
const fs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  default: qe,
  isPlainObject: Je
}, Symbol.toStringTag, { value: "Module" })), ds = ["values", "unit", "step"], ps = (e) => {
  const t = Object.keys(e).map((r) => ({
    key: r,
    val: e[r]
  })) || [];
  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => $({}, r, {
    [n.key]: n.val
  }), {});
};
function ei(e) {
  const {
    // The breakpoint **start** at this value.
    // For instance with the first breakpoint xs: [xs, sm).
    values: t = {
      xs: 0,
      // phone
      sm: 600,
      // tablet
      md: 900,
      // small laptop
      lg: 1200,
      // desktop
      xl: 1536
      // large screen
    },
    unit: r = "px",
    step: n = 5
  } = e, o = Se(e, ds), i = ps(t), a = Object.keys(i);
  function c(p) {
    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r})`;
  }
  function u(p) {
    return `@media (max-width:${(typeof t[p] == "number" ? t[p] : p) - n / 100}${r})`;
  }
  function l(p, v) {
    const b = a.indexOf(v);
    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r}) and (max-width:${(b !== -1 && typeof t[a[b]] == "number" ? t[a[b]] : v) - n / 100}${r})`;
  }
  function d(p) {
    return a.indexOf(p) + 1 < a.length ? l(p, a[a.indexOf(p) + 1]) : c(p);
  }
  function m(p) {
    const v = a.indexOf(p);
    return v === 0 ? c(a[1]) : v === a.length - 1 ? u(a[v]) : l(p, a[a.indexOf(p) + 1]).replace("@media", "@media not all and");
  }
  return $({
    keys: a,
    values: i,
    up: c,
    down: u,
    between: l,
    only: d,
    not: m,
    unit: r
  }, o);
}
const ms = {
  borderRadius: 4
}, Ze = process.env.NODE_ENV !== "production" ? f.oneOfType([f.number, f.string, f.object, f.array]) : {};
function At(e, t) {
  return t ? qe(e, t, {
    clone: !1
    // No need to clone deep, it's way faster.
  }) : e;
}
const dn = {
  xs: 0,
  // phone
  sm: 600,
  // tablet
  md: 900,
  // small laptop
  lg: 1200,
  // desktop
  xl: 1536
  // large screen
}, Qn = {
  // Sorted ASC by size. That's important.
  // It can't be configured as it's used statically for propTypes.
  keys: ["xs", "sm", "md", "lg", "xl"],
  up: (e) => `@media (min-width:${dn[e]}px)`
};
function Ke(e, t, r) {
  const n = e.theme || {};
  if (Array.isArray(t)) {
    const i = n.breakpoints || Qn;
    return t.reduce((a, c, u) => (a[i.up(i.keys[u])] = r(t[u]), a), {});
  }
  if (typeof t == "object") {
    const i = n.breakpoints || Qn;
    return Object.keys(t).reduce((a, c) => {
      if (Object.keys(i.values || dn).indexOf(c) !== -1) {
        const u = i.up(c);
        a[u] = r(t[c], c);
      } else {
        const u = c;
        a[u] = t[u];
      }
      return a;
    }, {});
  }
  return r(t);
}
function hs(e = {}) {
  var t;
  return ((t = e.keys) == null ? void 0 : t.reduce((n, o) => {
    const i = e.up(o);
    return n[i] = {}, n;
  }, {})) || {};
}
function ys(e, t) {
  return e.reduce((r, n) => {
    const o = r[n];
    return (!o || Object.keys(o).length === 0) && delete r[n], r;
  }, t);
}
function Fe(e) {
  if (typeof e != "string")
    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : jt(7));
  return e.charAt(0).toUpperCase() + e.slice(1);
}
const gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  default: Fe
}, Symbol.toStringTag, { value: "Module" }));
function gt(e, t, r = !0) {
  if (!t || typeof t != "string")
    return null;
  if (e && e.vars && r) {
    const n = `vars.${t}`.split(".").reduce((o, i) => o && o[i] ? o[i] : null, e);
    if (n != null)
      return n;
  }
  return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
}
function ar(e, t, r, n = r) {
  let o;
  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = gt(e, r) || n, t && (o = t(o, n, e)), o;
}
function ye(e) {
  const {
    prop: t,
    cssProperty: r = e.prop,
    themeKey: n,
    transform: o
  } = e, i = (a) => {
    if (a[t] == null)
      return null;
    const c = a[t], u = a.theme, l = gt(u, n) || {};
    return Ke(a, c, (m) => {
      let p = ar(l, o, m);
      return m === p && typeof m == "string" && (p = ar(l, o, `${t}${m === "default" ? "" : Fe(m)}`, m)), r === !1 ? p : {
        [r]: p
      };
    });
  };
  return i.propTypes = process.env.NODE_ENV !== "production" ? {
    [t]: Ze
  } : {}, i.filterProps = [t], i;
}
function bs(e) {
  const t = {};
  return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
}
const vs = {
  m: "margin",
  p: "padding"
}, xs = {
  t: "Top",
  r: "Right",
  b: "Bottom",
  l: "Left",
  x: ["Left", "Right"],
  y: ["Top", "Bottom"]
}, eo = {
  marginX: "mx",
  marginY: "my",
  paddingX: "px",
  paddingY: "py"
}, Es = bs((e) => {
  if (e.length > 2)
    if (eo[e])
      e = eo[e];
    else
      return [e];
  const [t, r] = e.split(""), n = vs[t], o = xs[r] || "";
  return Array.isArray(o) ? o.map((i) => n + i) : [n + o];
}), mr = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], hr = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], _s = [...mr, ...hr];
function Bt(e, t, r, n) {
  var o;
  const i = (o = gt(e, t, !1)) != null ? o : r;
  return typeof i == "number" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), i * a) : Array.isArray(i) ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && (Number.isInteger(a) ? a > i.length - 1 && console.error([`MUI: The value provided (${a}) overflows.`, `The supported values are: ${JSON.stringify(i)}.`, `${a} > ${i.length - 1}, you need to add the missing values.`].join(`
`)) : console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
`))), i[a]) : typeof i == "function" ? i : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${i}) is invalid.`, "It should be a number, an array or a function."].join(`
`)), () => {
  });
}
function ti(e) {
  return Bt(e, "spacing", 8, "spacing");
}
function Lt(e, t) {
  if (typeof t == "string" || t == null)
    return t;
  const r = Math.abs(t), n = e(r);
  return t >= 0 ? n : typeof n == "number" ? -n : `-${n}`;
}
function Ts(e, t) {
  return (r) => e.reduce((n, o) => (n[o] = Lt(t, r), n), {});
}
function Ss(e, t, r, n) {
  if (t.indexOf(r) === -1)
    return null;
  const o = Es(r), i = Ts(o, n), a = e[r];
  return Ke(e, a, i);
}
function ri(e, t) {
  const r = ti(e.theme);
  return Object.keys(e).map((n) => Ss(e, t, n, r)).reduce(At, {});
}
function de(e) {
  return ri(e, mr);
}
de.propTypes = process.env.NODE_ENV !== "production" ? mr.reduce((e, t) => (e[t] = Ze, e), {}) : {};
de.filterProps = mr;
function pe(e) {
  return ri(e, hr);
}
pe.propTypes = process.env.NODE_ENV !== "production" ? hr.reduce((e, t) => (e[t] = Ze, e), {}) : {};
pe.filterProps = hr;
process.env.NODE_ENV !== "production" && _s.reduce((e, t) => (e[t] = Ze, e), {});
function Rs(e = 8) {
  if (e.mui)
    return e;
  const t = ti({
    spacing: e
  }), r = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((i) => {
    const a = t(i);
    return typeof a == "number" ? `${a}px` : a;
  }).join(" "));
  return r.mui = !0, r;
}
function yr(...e) {
  const t = e.reduce((n, o) => (o.filterProps.forEach((i) => {
    n[i] = o;
  }), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? At(o, t[i](n)) : o, {});
  return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
}
function De(e) {
  return typeof e != "number" ? e : `${e}px solid`;
}
function Be(e, t) {
  return ye({
    prop: e,
    themeKey: "borders",
    transform: t
  });
}
const Os = Be("border", De), Cs = Be("borderTop", De), ws = Be("borderRight", De), Ps = Be("borderBottom", De), $s = Be("borderLeft", De), ks = Be("borderColor"), As = Be("borderTopColor"), Ms = Be("borderRightColor"), js = Be("borderBottomColor"), Ns = Be("borderLeftColor"), Is = Be("outline", De), Ds = Be("outlineColor"), gr = (e) => {
  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
    const t = Bt(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
      borderRadius: Lt(t, n)
    });
    return Ke(e, e.borderRadius, r);
  }
  return null;
};
gr.propTypes = process.env.NODE_ENV !== "production" ? {
  borderRadius: Ze
} : {};
gr.filterProps = ["borderRadius"];
yr(Os, Cs, ws, Ps, $s, ks, As, Ms, js, Ns, gr, Is, Ds);
const br = (e) => {
  if (e.gap !== void 0 && e.gap !== null) {
    const t = Bt(e.theme, "spacing", 8, "gap"), r = (n) => ({
      gap: Lt(t, n)
    });
    return Ke(e, e.gap, r);
  }
  return null;
};
br.propTypes = process.env.NODE_ENV !== "production" ? {
  gap: Ze
} : {};
br.filterProps = ["gap"];
const vr = (e) => {
  if (e.columnGap !== void 0 && e.columnGap !== null) {
    const t = Bt(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
      columnGap: Lt(t, n)
    });
    return Ke(e, e.columnGap, r);
  }
  return null;
};
vr.propTypes = process.env.NODE_ENV !== "production" ? {
  columnGap: Ze
} : {};
vr.filterProps = ["columnGap"];
const xr = (e) => {
  if (e.rowGap !== void 0 && e.rowGap !== null) {
    const t = Bt(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
      rowGap: Lt(t, n)
    });
    return Ke(e, e.rowGap, r);
  }
  return null;
};
xr.propTypes = process.env.NODE_ENV !== "production" ? {
  rowGap: Ze
} : {};
xr.filterProps = ["rowGap"];
const Fs = ye({
  prop: "gridColumn"
}), Vs = ye({
  prop: "gridRow"
}), Bs = ye({
  prop: "gridAutoFlow"
}), Ls = ye({
  prop: "gridAutoColumns"
}), Ws = ye({
  prop: "gridAutoRows"
}), zs = ye({
  prop: "gridTemplateColumns"
}), Us = ye({
  prop: "gridTemplateRows"
}), Ys = ye({
  prop: "gridTemplateAreas"
}), qs = ye({
  prop: "gridArea"
});
yr(br, vr, xr, Fs, Vs, Bs, Ls, Ws, zs, Us, Ys, qs);
function ht(e, t) {
  return t === "grey" ? t : e;
}
const Ks = ye({
  prop: "color",
  themeKey: "palette",
  transform: ht
}), Hs = ye({
  prop: "bgcolor",
  cssProperty: "backgroundColor",
  themeKey: "palette",
  transform: ht
}), Gs = ye({
  prop: "backgroundColor",
  themeKey: "palette",
  transform: ht
});
yr(Ks, Hs, Gs);
function ke(e) {
  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
}
const Xs = ye({
  prop: "width",
  transform: ke
}), pn = (e) => {
  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
    const t = (r) => {
      var n, o;
      const i = ((n = e.theme) == null || (n = n.breakpoints) == null || (n = n.values) == null ? void 0 : n[r]) || dn[r];
      return i ? ((o = e.theme) == null || (o = o.breakpoints) == null ? void 0 : o.unit) !== "px" ? {
        maxWidth: `${i}${e.theme.breakpoints.unit}`
      } : {
        maxWidth: i
      } : {
        maxWidth: ke(r)
      };
    };
    return Ke(e, e.maxWidth, t);
  }
  return null;
};
pn.filterProps = ["maxWidth"];
const Js = ye({
  prop: "minWidth",
  transform: ke
}), Zs = ye({
  prop: "height",
  transform: ke
}), Qs = ye({
  prop: "maxHeight",
  transform: ke
}), ec = ye({
  prop: "minHeight",
  transform: ke
});
ye({
  prop: "size",
  cssProperty: "width",
  transform: ke
});
ye({
  prop: "size",
  cssProperty: "height",
  transform: ke
});
const tc = ye({
  prop: "boxSizing"
});
yr(Xs, pn, Js, Zs, Qs, ec, tc);
const Wt = {
  // borders
  border: {
    themeKey: "borders",
    transform: De
  },
  borderTop: {
    themeKey: "borders",
    transform: De
  },
  borderRight: {
    themeKey: "borders",
    transform: De
  },
  borderBottom: {
    themeKey: "borders",
    transform: De
  },
  borderLeft: {
    themeKey: "borders",
    transform: De
  },
  borderColor: {
    themeKey: "palette"
  },
  borderTopColor: {
    themeKey: "palette"
  },
  borderRightColor: {
    themeKey: "palette"
  },
  borderBottomColor: {
    themeKey: "palette"
  },
  borderLeftColor: {
    themeKey: "palette"
  },
  outline: {
    themeKey: "borders",
    transform: De
  },
  outlineColor: {
    themeKey: "palette"
  },
  borderRadius: {
    themeKey: "shape.borderRadius",
    style: gr
  },
  // palette
  color: {
    themeKey: "palette",
    transform: ht
  },
  bgcolor: {
    themeKey: "palette",
    cssProperty: "backgroundColor",
    transform: ht
  },
  backgroundColor: {
    themeKey: "palette",
    transform: ht
  },
  // spacing
  p: {
    style: pe
  },
  pt: {
    style: pe
  },
  pr: {
    style: pe
  },
  pb: {
    style: pe
  },
  pl: {
    style: pe
  },
  px: {
    style: pe
  },
  py: {
    style: pe
  },
  padding: {
    style: pe
  },
  paddingTop: {
    style: pe
  },
  paddingRight: {
    style: pe
  },
  paddingBottom: {
    style: pe
  },
  paddingLeft: {
    style: pe
  },
  paddingX: {
    style: pe
  },
  paddingY: {
    style: pe
  },
  paddingInline: {
    style: pe
  },
  paddingInlineStart: {
    style: pe
  },
  paddingInlineEnd: {
    style: pe
  },
  paddingBlock: {
    style: pe
  },
  paddingBlockStart: {
    style: pe
  },
  paddingBlockEnd: {
    style: pe
  },
  m: {
    style: de
  },
  mt: {
    style: de
  },
  mr: {
    style: de
  },
  mb: {
    style: de
  },
  ml: {
    style: de
  },
  mx: {
    style: de
  },
  my: {
    style: de
  },
  margin: {
    style: de
  },
  marginTop: {
    style: de
  },
  marginRight: {
    style: de
  },
  marginBottom: {
    style: de
  },
  marginLeft: {
    style: de
  },
  marginX: {
    style: de
  },
  marginY: {
    style: de
  },
  marginInline: {
    style: de
  },
  marginInlineStart: {
    style: de
  },
  marginInlineEnd: {
    style: de
  },
  marginBlock: {
    style: de
  },
  marginBlockStart: {
    style: de
  },
  marginBlockEnd: {
    style: de
  },
  // display
  displayPrint: {
    cssProperty: !1,
    transform: (e) => ({
      "@media print": {
        display: e
      }
    })
  },
  display: {},
  overflow: {},
  textOverflow: {},
  visibility: {},
  whiteSpace: {},
  // flexbox
  flexBasis: {},
  flexDirection: {},
  flexWrap: {},
  justifyContent: {},
  alignItems: {},
  alignContent: {},
  order: {},
  flex: {},
  flexGrow: {},
  flexShrink: {},
  alignSelf: {},
  justifyItems: {},
  justifySelf: {},
  // grid
  gap: {
    style: br
  },
  rowGap: {
    style: xr
  },
  columnGap: {
    style: vr
  },
  gridColumn: {},
  gridRow: {},
  gridAutoFlow: {},
  gridAutoColumns: {},
  gridAutoRows: {},
  gridTemplateColumns: {},
  gridTemplateRows: {},
  gridTemplateAreas: {},
  gridArea: {},
  // positions
  position: {},
  zIndex: {
    themeKey: "zIndex"
  },
  top: {},
  right: {},
  bottom: {},
  left: {},
  // shadows
  boxShadow: {
    themeKey: "shadows"
  },
  // sizing
  width: {
    transform: ke
  },
  maxWidth: {
    style: pn
  },
  minWidth: {
    transform: ke
  },
  height: {
    transform: ke
  },
  maxHeight: {
    transform: ke
  },
  minHeight: {
    transform: ke
  },
  boxSizing: {},
  // typography
  fontFamily: {
    themeKey: "typography"
  },
  fontSize: {
    themeKey: "typography"
  },
  fontStyle: {
    themeKey: "typography"
  },
  fontWeight: {
    themeKey: "typography"
  },
  letterSpacing: {},
  textTransform: {},
  lineHeight: {},
  textAlign: {},
  typography: {
    cssProperty: !1,
    themeKey: "typography"
  }
};
function rc(...e) {
  const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
  return e.every((n) => r.size === Object.keys(n).length);
}
function nc(e, t) {
  return typeof e == "function" ? e(t) : e;
}
function ni() {
  function e(r, n, o, i) {
    const a = {
      [r]: n,
      theme: o
    }, c = i[r];
    if (!c)
      return {
        [r]: n
      };
    const {
      cssProperty: u = r,
      themeKey: l,
      transform: d,
      style: m
    } = c;
    if (n == null)
      return null;
    if (l === "typography" && n === "inherit")
      return {
        [r]: n
      };
    const p = gt(o, l) || {};
    return m ? m(a) : Ke(a, n, (b) => {
      let h = ar(p, d, b);
      return b === h && typeof b == "string" && (h = ar(p, d, `${r}${b === "default" ? "" : Fe(b)}`, b)), u === !1 ? h : {
        [u]: h
      };
    });
  }
  function t(r) {
    var n;
    const {
      sx: o,
      theme: i = {}
    } = r || {};
    if (!o)
      return null;
    const a = (n = i.unstable_sxConfig) != null ? n : Wt;
    function c(u) {
      let l = u;
      if (typeof u == "function")
        l = u(i);
      else if (typeof u != "object")
        return u;
      if (!l)
        return null;
      const d = hs(i.breakpoints), m = Object.keys(d);
      let p = d;
      return Object.keys(l).forEach((v) => {
        const b = nc(l[v], i);
        if (b != null)
          if (typeof b == "object")
            if (a[v])
              p = At(p, e(v, b, i, a));
            else {
              const h = Ke({
                theme: i
              }, b, (y) => ({
                [v]: y
              }));
              rc(h, b) ? p[v] = t({
                sx: b,
                theme: i
              }) : p = At(p, h);
            }
          else
            p = At(p, e(v, b, i, a));
      }), ys(m, p);
    }
    return Array.isArray(o) ? o.map(c) : c(o);
  }
  return t;
}
const zt = ni();
zt.filterProps = ["sx"];
function oi(e, t) {
  const r = this;
  return r.vars && typeof r.getColorSchemeSelector == "function" ? {
    [r.getColorSchemeSelector(e).replace(/(\[[^\]]+\])/, "*:where($1)")]: t
  } : r.palette.mode === e ? t : {};
}
const oc = ["breakpoints", "palette", "spacing", "shape"];
function mn(e = {}, ...t) {
  const {
    breakpoints: r = {},
    palette: n = {},
    spacing: o,
    shape: i = {}
  } = e, a = Se(e, oc), c = ei(r), u = Rs(o);
  let l = qe({
    breakpoints: c,
    direction: "ltr",
    components: {},
    // Inject component definitions.
    palette: $({
      mode: "light"
    }, n),
    spacing: u,
    shape: $({}, ms, i)
  }, a);
  return l.applyStyles = oi, l = t.reduce((d, m) => qe(d, m), l), l.unstable_sxConfig = $({}, Wt, a == null ? void 0 : a.unstable_sxConfig), l.unstable_sx = function(m) {
    return zt({
      sx: m,
      theme: this
    });
  }, l;
}
const ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  default: mn,
  private_createBreakpoints: ei,
  unstable_applyStyles: oi
}, Symbol.toStringTag, { value: "Module" }));
function ac(e) {
  return Object.keys(e).length === 0;
}
function sc(e = null) {
  const t = S.useContext(dr);
  return !t || ac(t) ? e : t;
}
const cc = mn();
function uc(e = cc) {
  return sc(e);
}
const lc = ["sx"], fc = (e) => {
  var t, r;
  const n = {
    systemProps: {},
    otherProps: {}
  }, o = (t = e == null || (r = e.theme) == null ? void 0 : r.unstable_sxConfig) != null ? t : Wt;
  return Object.keys(e).forEach((i) => {
    o[i] ? n.systemProps[i] = e[i] : n.otherProps[i] = e[i];
  }), n;
};
function hn(e) {
  const {
    sx: t
  } = e, r = Se(e, lc), {
    systemProps: n,
    otherProps: o
  } = fc(r);
  let i;
  return Array.isArray(t) ? i = [n, ...t] : typeof t == "function" ? i = (...a) => {
    const c = t(...a);
    return Je(c) ? $({}, n, c) : n;
  } : i = $({}, n, t), $({}, o, {
    sx: i
  });
}
const dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  default: zt,
  extendSxProp: hn,
  unstable_createStyleFunctionSx: ni,
  unstable_defaultSxConfig: Wt
}, Symbol.toStringTag, { value: "Module" })), to = (e) => e, pc = () => {
  let e = to;
  return {
    configure(t) {
      e = t;
    },
    generate(t) {
      return e(t);
    },
    reset() {
      e = to;
    }
  };
}, yn = pc();
function ii(e) {
  var t, r, n = "";
  if (typeof e == "string" || typeof e == "number") n += e;
  else if (typeof e == "object") if (Array.isArray(e)) {
    var o = e.length;
    for (t = 0; t < o; t++) e[t] && (r = ii(e[t])) && (n && (n += " "), n += r);
  } else for (r in e) e[r] && (n && (n += " "), n += r);
  return n;
}
function Te() {
  for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = ii(e)) && (n && (n += " "), n += t);
  return n;
}
const mc = ["className", "component"];
function hc(e = {}) {
  const {
    themeId: t,
    defaultTheme: r,
    defaultClassName: n = "MuiBox-root",
    generateClassName: o
  } = e, i = Zo("div", {
    shouldForwardProp: (c) => c !== "theme" && c !== "sx" && c !== "as"
  })(zt);
  return /* @__PURE__ */ S.forwardRef(function(u, l) {
    const d = uc(r), m = hn(u), {
      className: p,
      component: v = "div"
    } = m, b = Se(m, mc);
    return /* @__PURE__ */ K.jsx(i, $({
      as: v,
      ref: l,
      className: Te(p, o ? o(n) : n),
      theme: t && d[t] || d
    }, b));
  });
}
const yc = {
  active: "active",
  checked: "checked",
  completed: "completed",
  disabled: "disabled",
  error: "error",
  expanded: "expanded",
  focused: "focused",
  focusVisible: "focusVisible",
  open: "open",
  readOnly: "readOnly",
  required: "required",
  selected: "selected"
};
function nt(e, t, r = "Mui") {
  const n = yc[t];
  return n ? `${r}-${n}` : `${yn.generate(e)}-${t}`;
}
function ot(e, t, r = "Mui") {
  const n = {};
  return t.forEach((o) => {
    n[o] = nt(e, o, r);
  }), n;
}
var Xr = { exports: {} }, ne = {};
/**
 * @license React
 * react-is.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var ro;
function gc() {
  if (ro) return ne;
  ro = 1;
  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), a = Symbol.for("react.context"), c = Symbol.for("react.server_context"), u = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), b;
  b = Symbol.for("react.module.reference");
  function h(y) {
    if (typeof y == "object" && y !== null) {
      var _ = y.$$typeof;
      switch (_) {
        case e:
          switch (y = y.type, y) {
            case r:
            case o:
            case n:
            case l:
            case d:
              return y;
            default:
              switch (y = y && y.$$typeof, y) {
                case c:
                case a:
                case u:
                case p:
                case m:
                case i:
                  return y;
                default:
                  return _;
              }
          }
        case t:
          return _;
      }
    }
  }
  return ne.ContextConsumer = a, ne.ContextProvider = i, ne.Element = e, ne.ForwardRef = u, ne.Fragment = r, ne.Lazy = p, ne.Memo = m, ne.Portal = t, ne.Profiler = o, ne.StrictMode = n, ne.Suspense = l, ne.SuspenseList = d, ne.isAsyncMode = function() {
    return !1;
  }, ne.isConcurrentMode = function() {
    return !1;
  }, ne.isContextConsumer = function(y) {
    return h(y) === a;
  }, ne.isContextProvider = function(y) {
    return h(y) === i;
  }, ne.isElement = function(y) {
    return typeof y == "object" && y !== null && y.$$typeof === e;
  }, ne.isForwardRef = function(y) {
    return h(y) === u;
  }, ne.isFragment = function(y) {
    return h(y) === r;
  }, ne.isLazy = function(y) {
    return h(y) === p;
  }, ne.isMemo = function(y) {
    return h(y) === m;
  }, ne.isPortal = function(y) {
    return h(y) === t;
  }, ne.isProfiler = function(y) {
    return h(y) === o;
  }, ne.isStrictMode = function(y) {
    return h(y) === n;
  }, ne.isSuspense = function(y) {
    return h(y) === l;
  }, ne.isSuspenseList = function(y) {
    return h(y) === d;
  }, ne.isValidElementType = function(y) {
    return typeof y == "string" || typeof y == "function" || y === r || y === o || y === n || y === l || y === d || y === v || typeof y == "object" && y !== null && (y.$$typeof === p || y.$$typeof === m || y.$$typeof === i || y.$$typeof === a || y.$$typeof === u || y.$$typeof === b || y.getModuleId !== void 0);
  }, ne.typeOf = h, ne;
}
var oe = {};
/**
 * @license React
 * react-is.development.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
var no;
function bc() {
  return no || (no = 1, process.env.NODE_ENV !== "production" && function() {
    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), a = Symbol.for("react.context"), c = Symbol.for("react.server_context"), u = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), b = !1, h = !1, y = !1, _ = !1, C = !1, A;
    A = Symbol.for("react.module.reference");
    function w(k) {
      return !!(typeof k == "string" || typeof k == "function" || k === r || k === o || C || k === n || k === l || k === d || _ || k === v || b || h || y || typeof k == "object" && k !== null && (k.$$typeof === p || k.$$typeof === m || k.$$typeof === i || k.$$typeof === a || k.$$typeof === u || // This needs to include all possible module reference object
      // types supported by any Flight configuration anywhere since
      // we don't know which Flight build this will end up being used
      // with.
      k.$$typeof === A || k.getModuleId !== void 0));
    }
    function g(k) {
      if (typeof k == "object" && k !== null) {
        var $e = k.$$typeof;
        switch ($e) {
          case e:
            var Me = k.type;
            switch (Me) {
              case r:
              case o:
              case n:
              case l:
              case d:
                return Me;
              default:
                var Qe = Me && Me.$$typeof;
                switch (Qe) {
                  case c:
                  case a:
                  case u:
                  case p:
                  case m:
                  case i:
                    return Qe;
                  default:
                    return $e;
                }
            }
          case t:
            return $e;
        }
      }
    }
    var M = a, P = i, ae = e, G = u, se = r, H = p, ie = m, X = t, Q = o, me = n, ce = l, Ee = d, fe = !1, Le = !1;
    function E(k) {
      return fe || (fe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
    }
    function O(k) {
      return Le || (Le = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
    }
    function W(k) {
      return g(k) === a;
    }
    function V(k) {
      return g(k) === i;
    }
    function j(k) {
      return typeof k == "object" && k !== null && k.$$typeof === e;
    }
    function z(k) {
      return g(k) === u;
    }
    function N(k) {
      return g(k) === r;
    }
    function F(k) {
      return g(k) === p;
    }
    function B(k) {
      return g(k) === m;
    }
    function D(k) {
      return g(k) === t;
    }
    function U(k) {
      return g(k) === o;
    }
    function be(k) {
      return g(k) === n;
    }
    function T(k) {
      return g(k) === l;
    }
    function Re(k) {
      return g(k) === d;
    }
    oe.ContextConsumer = M, oe.ContextProvider = P, oe.Element = ae, oe.ForwardRef = G, oe.Fragment = se, oe.Lazy = H, oe.Memo = ie, oe.Portal = X, oe.Profiler = Q, oe.StrictMode = me, oe.Suspense = ce, oe.SuspenseList = Ee, oe.isAsyncMode = E, oe.isConcurrentMode = O, oe.isContextConsumer = W, oe.isContextProvider = V, oe.isElement = j, oe.isForwardRef = z, oe.isFragment = N, oe.isLazy = F, oe.isMemo = B, oe.isPortal = D, oe.isProfiler = U, oe.isStrictMode = be, oe.isSuspense = T, oe.isSuspenseList = Re, oe.isValidElementType = w, oe.typeOf = g;
  }()), oe;
}
process.env.NODE_ENV === "production" ? Xr.exports = gc() : Xr.exports = bc();
var Jr = Xr.exports;
const vc = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
function ai(e) {
  const t = `${e}`.match(vc);
  return t && t[1] || "";
}
function si(e, t = "") {
  return e.displayName || e.name || ai(e) || t;
}
function oo(e, t, r) {
  const n = si(t);
  return e.displayName || (n !== "" ? `${r}(${n})` : r);
}
function xc(e) {
  if (e != null) {
    if (typeof e == "string")
      return e;
    if (typeof e == "function")
      return si(e, "Component");
    if (typeof e == "object")
      switch (e.$$typeof) {
        case Jr.ForwardRef:
          return oo(e, e.render, "ForwardRef");
        case Jr.Memo:
          return oo(e, e.type, "memo");
        default:
          return;
      }
  }
}
const Ec = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  default: xc,
  getFunctionName: ai
}, Symbol.toStringTag, { value: "Module" }));
function Zr(e, t) {
  const r = $({}, t);
  return Object.keys(e).forEach((n) => {
    if (n.toString().match(/^(components|slots)$/))
      r[n] = $({}, e[n], r[n]);
    else if (n.toString().match(/^(componentsProps|slotProps)$/)) {
      const o = e[n] || {}, i = t[n];
      r[n] = {}, !i || !Object.keys(i) ? r[n] = o : !o || !Object.keys(o) ? r[n] = i : (r[n] = $({}, i), Object.keys(o).forEach((a) => {
        r[n][a] = Zr(o[a], i[a]);
      }));
    } else r[n] === void 0 && (r[n] = e[n]);
  }), r;
}
const ci = typeof window < "u" ? S.useLayoutEffect : S.useEffect;
function _c(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
  return Math.max(t, Math.min(e, r));
}
const Tc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  default: _c
}, Symbol.toStringTag, { value: "Module" }));
function Sc(e, t) {
  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
    return e(...n) || t(...n);
  };
}
function Rc(e) {
  const {
    prototype: t = {}
  } = e;
  return !!t.isReactComponent;
}
function Oc(e, t, r, n, o) {
  const i = e[t], a = o || t;
  if (i == null || // When server-side rendering React doesn't warn either.
  // This is not an accurate check for SSR.
  // This is only in place for emotion compat.
  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
  typeof window > "u")
    return null;
  let c;
  return typeof i == "function" && !Rc(i) && (c = "Did you accidentally provide a plain function component instead?"), c !== void 0 ? new Error(`Invalid ${n} \`${a}\` supplied to \`${r}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
}
const ui = Sc(f.elementType, Oc), Cc = f.oneOfType([f.func, f.object]);
function wc(...e) {
  return e.reduce((t, r) => r == null ? t : function(...o) {
    t.apply(this, o), r.apply(this, o);
  }, () => {
  });
}
function Pc(e, t = 166) {
  let r;
  function n(...o) {
    const i = () => {
      e.apply(this, o);
    };
    clearTimeout(r), r = setTimeout(i, t);
  }
  return n.clear = () => {
    clearTimeout(r);
  }, n;
}
function $c(e, t) {
  return process.env.NODE_ENV === "production" ? () => null : (r, n, o, i, a) => {
    const c = o || "<<anonymous>>", u = a || n;
    return typeof r[n] < "u" ? new Error(`The ${i} \`${u}\` of \`${c}\` is deprecated. ${t}`) : null;
  };
}
function kc(e, t) {
  var r, n;
  return /* @__PURE__ */ S.isValidElement(e) && t.indexOf(
    // For server components `muiName` is avaialble in element.type._payload.value.muiName
    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
    // eslint-disable-next-line no-underscore-dangle
    (r = e.type.muiName) != null ? r : (n = e.type) == null || (n = n._payload) == null || (n = n.value) == null ? void 0 : n.muiName
  ) !== -1;
}
function li(e) {
  return e && e.ownerDocument || document;
}
function Ac(e) {
  return li(e).defaultView || window;
}
function Mc(e, t) {
  if (process.env.NODE_ENV === "production")
    return () => null;
  const r = t ? $({}, t.propTypes) : null;
  return (o) => (i, a, c, u, l, ...d) => {
    const m = l || a, p = r == null ? void 0 : r[m];
    if (p) {
      const v = p(i, a, c, u, l, ...d);
      if (v)
        return v;
    }
    return typeof i[a] < "u" && !i[o] ? new Error(`The prop \`${m}\` of \`${e}\` can only be used together with the \`${o}\` prop.`) : null;
  };
}
function fi(e, t) {
  typeof e == "function" ? e(t) : e && (e.current = t);
}
let io = 0;
function jc(e) {
  const [t, r] = S.useState(e), n = e || t;
  return S.useEffect(() => {
    t == null && (io += 1, r(`mui-${io}`));
  }, [t]), n;
}
const ao = S.useId;
function Nc(e) {
  if (ao !== void 0) {
    const t = ao();
    return e ?? t;
  }
  return jc(e);
}
function Ic(e, t, r, n, o) {
  if (process.env.NODE_ENV === "production")
    return null;
  const i = o || t;
  return typeof e[t] < "u" ? new Error(`The prop \`${i}\` is not supported. Please remove it.`) : null;
}
function Dc({
  controlled: e,
  default: t,
  name: r,
  state: n = "value"
}) {
  const {
    current: o
  } = S.useRef(e !== void 0), [i, a] = S.useState(t), c = o ? e : i;
  if (process.env.NODE_ENV !== "production") {
    S.useEffect(() => {
      o !== (e !== void 0) && console.error([`MUI: A component is changing the ${o ? "" : "un"}controlled ${n} state of ${r} to be ${o ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${r} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
`));
    }, [n, r, e]);
    const {
      current: l
    } = S.useRef(t);
    S.useEffect(() => {
      !o && !Object.is(l, t) && console.error([`MUI: A component is changing the default ${n} state of an uncontrolled ${r} after being initialized. To suppress this warning opt to use a controlled ${r}.`].join(`
`));
    }, [JSON.stringify(t)]);
  }
  const u = S.useCallback((l) => {
    o || a(l);
  }, []);
  return [c, u];
}
function kt(e) {
  const t = S.useRef(e);
  return ci(() => {
    t.current = e;
  }), S.useRef((...r) => (
    // @ts-expect-error hide `this`
    (0, t.current)(...r)
  )).current;
}
function Ft(...e) {
  return S.useMemo(() => e.every((t) => t == null) ? null : (t) => {
    e.forEach((r) => {
      fi(r, t);
    });
  }, e);
}
const so = {};
function Fc(e, t) {
  const r = S.useRef(so);
  return r.current === so && (r.current = e(t)), r;
}
const Vc = [];
function Bc(e) {
  S.useEffect(e, Vc);
}
class Er {
  constructor() {
    this.currentId = null, this.clear = () => {
      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
    }, this.disposeEffect = () => this.clear;
  }
  static create() {
    return new Er();
  }
  /**
   * Executes `fn` after `delay`, clearing any previously scheduled call.
   */
  start(t, r) {
    this.clear(), this.currentId = setTimeout(() => {
      this.currentId = null, r();
    }, t);
  }
}
function Lc() {
  const e = Fc(Er.create).current;
  return Bc(e.disposeEffect), e;
}
let _r = !0, Qr = !1;
const Wc = new Er(), zc = {
  text: !0,
  search: !0,
  url: !0,
  tel: !0,
  email: !0,
  password: !0,
  number: !0,
  date: !0,
  month: !0,
  week: !0,
  time: !0,
  datetime: !0,
  "datetime-local": !0
};
function Uc(e) {
  const {
    type: t,
    tagName: r
  } = e;
  return !!(r === "INPUT" && zc[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
}
function Yc(e) {
  e.metaKey || e.altKey || e.ctrlKey || (_r = !0);
}
function Fr() {
  _r = !1;
}
function qc() {
  this.visibilityState === "hidden" && Qr && (_r = !0);
}
function Kc(e) {
  e.addEventListener("keydown", Yc, !0), e.addEventListener("mousedown", Fr, !0), e.addEventListener("pointerdown", Fr, !0), e.addEventListener("touchstart", Fr, !0), e.addEventListener("visibilitychange", qc, !0);
}
function Hc(e) {
  const {
    target: t
  } = e;
  try {
    return t.matches(":focus-visible");
  } catch {
  }
  return _r || Uc(t);
}
function gn() {
  const e = S.useCallback((o) => {
    o != null && Kc(o.ownerDocument);
  }, []), t = S.useRef(!1);
  function r() {
    return t.current ? (Qr = !0, Wc.start(100, () => {
      Qr = !1;
    }), t.current = !1, !0) : !1;
  }
  function n(o) {
    return Hc(o) ? (t.current = !0, !0) : !1;
  }
  return {
    isFocusVisibleRef: t,
    onFocus: n,
    onBlur: r,
    ref: e
  };
}
function Gc(e) {
  const t = typeof e;
  switch (t) {
    case "number":
      return Number.isNaN(e) ? "NaN" : Number.isFinite(e) ? e !== Math.floor(e) ? "float" : "number" : "Infinity";
    case "object":
      return e === null ? "null" : e.constructor.name;
    default:
      return t;
  }
}
function Xc(e) {
  return typeof e == "number" && isFinite(e) && Math.floor(e) === e;
}
const Jc = Number.isInteger || Xc;
function di(e, t, r, n) {
  const o = e[t];
  if (o == null || !Jc(o)) {
    const i = Gc(o);
    return new RangeError(`Invalid ${n} \`${t}\` of type \`${i}\` supplied to \`${r}\`, expected \`integer\`.`);
  }
  return null;
}
function pi(e, t, ...r) {
  return e[t] === void 0 ? null : di(e, t, ...r);
}
function en() {
  return null;
}
pi.isRequired = di;
en.isRequired = en;
const Vr = process.env.NODE_ENV === "production" ? en : pi;
function Ut(e, t, r = void 0) {
  const n = {};
  return Object.keys(e).forEach(
    // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
    // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
    (o) => {
      n[o] = e[o].reduce((i, a) => {
        if (a) {
          const c = t(a);
          c !== "" && i.push(c), r && r[a] && i.push(r[a]);
        }
        return i;
      }, []).join(" ");
    }
  ), n;
}
function Zc(e) {
  return typeof e == "string";
}
function Qc(e, t, r) {
  return e === void 0 || Zc(e) ? t : $({}, t, {
    ownerState: $({}, t.ownerState, r)
  });
}
function eu(e, t = []) {
  if (e === void 0)
    return {};
  const r = {};
  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !t.includes(n)).forEach((n) => {
    r[n] = e[n];
  }), r;
}
function co(e) {
  if (e === void 0)
    return {};
  const t = {};
  return Object.keys(e).filter((r) => !(r.match(/^on[A-Z]/) && typeof e[r] == "function")).forEach((r) => {
    t[r] = e[r];
  }), t;
}
function tu(e) {
  const {
    getSlotProps: t,
    additionalProps: r,
    externalSlotProps: n,
    externalForwardedProps: o,
    className: i
  } = e;
  if (!t) {
    const v = Te(r == null ? void 0 : r.className, i, o == null ? void 0 : o.className, n == null ? void 0 : n.className), b = $({}, r == null ? void 0 : r.style, o == null ? void 0 : o.style, n == null ? void 0 : n.style), h = $({}, r, o, n);
    return v.length > 0 && (h.className = v), Object.keys(b).length > 0 && (h.style = b), {
      props: h,
      internalRef: void 0
    };
  }
  const a = eu($({}, o, n)), c = co(n), u = co(o), l = t(a), d = Te(l == null ? void 0 : l.className, r == null ? void 0 : r.className, i, o == null ? void 0 : o.className, n == null ? void 0 : n.className), m = $({}, l == null ? void 0 : l.style, r == null ? void 0 : r.style, o == null ? void 0 : o.style, n == null ? void 0 : n.style), p = $({}, l, r, u, c);
  return d.length > 0 && (p.className = d), Object.keys(m).length > 0 && (p.style = m), {
    props: p,
    internalRef: l.ref
  };
}
function ru(e, t, r) {
  return typeof e == "function" ? e(t, r) : e;
}
const nu = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
function ou(e) {
  var t;
  const {
    elementType: r,
    externalSlotProps: n,
    ownerState: o,
    skipResolvingSlotProps: i = !1
  } = e, a = Se(e, nu), c = i ? {} : ru(n, o), {
    props: u,
    internalRef: l
  } = tu($({}, a, {
    externalSlotProps: c
  })), d = Ft(l, c == null ? void 0 : c.ref, (t = e.additionalProps) == null ? void 0 : t.ref);
  return Qc(r, $({}, u, {
    ref: d
  }), o);
}
const iu = /* @__PURE__ */ S.createContext(void 0);
process.env.NODE_ENV !== "production" && (f.node, f.object);
function au(e) {
  const {
    theme: t,
    name: r,
    props: n
  } = e;
  if (!t || !t.components || !t.components[r])
    return n;
  const o = t.components[r];
  return o.defaultProps ? Zr(o.defaultProps, n) : !o.styleOverrides && !o.variants ? Zr(o, n) : n;
}
function su({
  props: e,
  name: t
}) {
  const r = S.useContext(iu);
  return au({
    props: e,
    name: t,
    theme: {
      components: r
    }
  });
}
function cu(e, t) {
  return $({
    toolbar: {
      minHeight: 56,
      [e.up("xs")]: {
        "@media (orientation: landscape)": {
          minHeight: 48
        }
      },
      [e.up("sm")]: {
        minHeight: 64
      }
    }
  }, t);
}
var ge = {}, mi = { exports: {} };
(function(e) {
  function t(r) {
    return r && r.__esModule ? r : {
      default: r
    };
  }
  e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
})(mi);
var bn = mi.exports;
const uu = /* @__PURE__ */ He(ea), lu = /* @__PURE__ */ He(Tc);
var hi = bn;
Object.defineProperty(ge, "__esModule", {
  value: !0
});
var fu = ge.alpha = vi;
ge.blend = Tu;
ge.colorChannel = void 0;
var du = ge.darken = xn;
ge.decomposeColor = Ve;
var uo = ge.emphasize = xi, lo = ge.getContrastRatio = bu;
ge.getLuminance = sr;
ge.hexToRgb = yi;
ge.hslToRgb = bi;
var pu = ge.lighten = En;
ge.private_safeAlpha = vu;
ge.private_safeColorChannel = void 0;
ge.private_safeDarken = xu;
ge.private_safeEmphasize = _u;
ge.private_safeLighten = Eu;
ge.recomposeColor = vt;
ge.rgbToHex = gu;
var fo = hi(uu), mu = hi(lu);
function vn(e, t = 0, r = 1) {
  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), (0, mu.default)(e, t, r);
}
function yi(e) {
  e = e.slice(1);
  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
  let r = e.match(t);
  return r && r[0].length === 1 && (r = r.map((n) => n + n)), r ? `rgb${r.length === 4 ? "a" : ""}(${r.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
}
function hu(e) {
  const t = e.toString(16);
  return t.length === 1 ? `0${t}` : t;
}
function Ve(e) {
  if (e.type)
    return e;
  if (e.charAt(0) === "#")
    return Ve(yi(e));
  const t = e.indexOf("("), r = e.substring(0, t);
  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(r) === -1)
    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : (0, fo.default)(9, e));
  let n = e.substring(t + 1, e.length - 1), o;
  if (r === "color") {
    if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(o) === -1)
      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : (0, fo.default)(10, o));
  } else
    n = n.split(",");
  return n = n.map((i) => parseFloat(i)), {
    type: r,
    values: n,
    colorSpace: o
  };
}
const gi = (e) => {
  const t = Ve(e);
  return t.values.slice(0, 3).map((r, n) => t.type.indexOf("hsl") !== -1 && n !== 0 ? `${r}%` : r).join(" ");
};
ge.colorChannel = gi;
const yu = (e, t) => {
  try {
    return gi(e);
  } catch {
    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
  }
};
ge.private_safeColorChannel = yu;
function vt(e) {
  const {
    type: t,
    colorSpace: r
  } = e;
  let {
    values: n
  } = e;
  return t.indexOf("rgb") !== -1 ? n = n.map((o, i) => i < 3 ? parseInt(o, 10) : o) : t.indexOf("hsl") !== -1 && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.indexOf("color") !== -1 ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
}
function gu(e) {
  if (e.indexOf("#") === 0)
    return e;
  const {
    values: t
  } = Ve(e);
  return `#${t.map((r, n) => hu(n === 3 ? Math.round(255 * r) : r)).join("")}`;
}
function bi(e) {
  e = Ve(e);
  const {
    values: t
  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), a = (l, d = (l + r / 30) % 12) => o - i * Math.max(Math.min(d - 3, 9 - d, 1), -1);
  let c = "rgb";
  const u = [Math.round(a(0) * 255), Math.round(a(8) * 255), Math.round(a(4) * 255)];
  return e.type === "hsla" && (c += "a", u.push(t[3])), vt({
    type: c,
    values: u
  });
}
function sr(e) {
  e = Ve(e);
  let t = e.type === "hsl" || e.type === "hsla" ? Ve(bi(e)).values : e.values;
  return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
}
function bu(e, t) {
  const r = sr(e), n = sr(t);
  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
}
function vi(e, t) {
  return e = Ve(e), t = vn(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, vt(e);
}
function vu(e, t, r) {
  try {
    return vi(e, t);
  } catch {
    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
  }
}
function xn(e, t) {
  if (e = Ve(e), t = vn(t), e.type.indexOf("hsl") !== -1)
    e.values[2] *= 1 - t;
  else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
    for (let r = 0; r < 3; r += 1)
      e.values[r] *= 1 - t;
  return vt(e);
}
function xu(e, t, r) {
  try {
    return xn(e, t);
  } catch {
    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
  }
}
function En(e, t) {
  if (e = Ve(e), t = vn(t), e.type.indexOf("hsl") !== -1)
    e.values[2] += (100 - e.values[2]) * t;
  else if (e.type.indexOf("rgb") !== -1)
    for (let r = 0; r < 3; r += 1)
      e.values[r] += (255 - e.values[r]) * t;
  else if (e.type.indexOf("color") !== -1)
    for (let r = 0; r < 3; r += 1)
      e.values[r] += (1 - e.values[r]) * t;
  return vt(e);
}
function Eu(e, t, r) {
  try {
    return En(e, t);
  } catch {
    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
  }
}
function xi(e, t = 0.15) {
  return sr(e) > 0.5 ? xn(e, t) : En(e, t);
}
function _u(e, t, r) {
  try {
    return xi(e, t);
  } catch {
    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
  }
}
function Tu(e, t, r, n = 1) {
  const o = (u, l) => Math.round((u ** (1 / n) * (1 - r) + l ** (1 / n) * r) ** n), i = Ve(e), a = Ve(t), c = [o(i.values[0], a.values[0]), o(i.values[1], a.values[1]), o(i.values[2], a.values[2])];
  return vt({
    type: "rgb",
    values: c
  });
}
const Su = ["mode", "contrastThreshold", "tonalOffset"], po = {
  // The colors used to style the text.
  text: {
    // The most important text.
    primary: "rgba(0, 0, 0, 0.87)",
    // Secondary text.
    secondary: "rgba(0, 0, 0, 0.6)",
    // Disabled text have even lower visual prominence.
    disabled: "rgba(0, 0, 0, 0.38)"
  },
  // The color used to divide different elements.
  divider: "rgba(0, 0, 0, 0.12)",
  // The background colors used to style the surfaces.
  // Consistency between these values is important.
  background: {
    paper: Mt.white,
    default: Mt.white
  },
  // The colors used to style the action elements.
  action: {
    // The color of an active action like an icon button.
    active: "rgba(0, 0, 0, 0.54)",
    // The color of an hovered action.
    hover: "rgba(0, 0, 0, 0.04)",
    hoverOpacity: 0.04,
    // The color of a selected action.
    selected: "rgba(0, 0, 0, 0.08)",
    selectedOpacity: 0.08,
    // The color of a disabled action.
    disabled: "rgba(0, 0, 0, 0.26)",
    // The background color of a disabled action.
    disabledBackground: "rgba(0, 0, 0, 0.12)",
    disabledOpacity: 0.38,
    focus: "rgba(0, 0, 0, 0.12)",
    focusOpacity: 0.12,
    activatedOpacity: 0.12
  }
}, Br = {
  text: {
    primary: Mt.white,
    secondary: "rgba(255, 255, 255, 0.7)",
    disabled: "rgba(255, 255, 255, 0.5)",
    icon: "rgba(255, 255, 255, 0.5)"
  },
  divider: "rgba(255, 255, 255, 0.12)",
  background: {
    paper: "#121212",
    default: "#121212"
  },
  action: {
    active: Mt.white,
    hover: "rgba(255, 255, 255, 0.08)",
    hoverOpacity: 0.08,
    selected: "rgba(255, 255, 255, 0.16)",
    selectedOpacity: 0.16,
    disabled: "rgba(255, 255, 255, 0.3)",
    disabledBackground: "rgba(255, 255, 255, 0.12)",
    disabledOpacity: 0.38,
    focus: "rgba(255, 255, 255, 0.12)",
    focusOpacity: 0.12,
    activatedOpacity: 0.24
  }
};
function mo(e, t, r, n) {
  const o = n.light || n, i = n.dark || n * 1.5;
  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = pu(e.main, o) : t === "dark" && (e.dark = du(e.main, i)));
}
function Ru(e = "light") {
  return e === "dark" ? {
    main: ft[200],
    light: ft[50],
    dark: ft[400]
  } : {
    main: ft[700],
    light: ft[400],
    dark: ft[800]
  };
}
function Ou(e = "light") {
  return e === "dark" ? {
    main: lt[200],
    light: lt[50],
    dark: lt[400]
  } : {
    main: lt[500],
    light: lt[300],
    dark: lt[700]
  };
}
function Cu(e = "light") {
  return e === "dark" ? {
    main: ut[500],
    light: ut[300],
    dark: ut[700]
  } : {
    main: ut[700],
    light: ut[400],
    dark: ut[800]
  };
}
function wu(e = "light") {
  return e === "dark" ? {
    main: dt[400],
    light: dt[300],
    dark: dt[700]
  } : {
    main: dt[700],
    light: dt[500],
    dark: dt[900]
  };
}
function Pu(e = "light") {
  return e === "dark" ? {
    main: pt[400],
    light: pt[300],
    dark: pt[700]
  } : {
    main: pt[800],
    light: pt[500],
    dark: pt[900]
  };
}
function $u(e = "light") {
  return e === "dark" ? {
    main: Pt[400],
    light: Pt[300],
    dark: Pt[700]
  } : {
    main: "#ed6c02",
    // closest to orange[800] that pass 3:1.
    light: Pt[500],
    dark: Pt[900]
  };
}
function ku(e) {
  const {
    mode: t = "light",
    contrastThreshold: r = 3,
    tonalOffset: n = 0.2
  } = e, o = Se(e, Su), i = e.primary || Ru(t), a = e.secondary || Ou(t), c = e.error || Cu(t), u = e.info || wu(t), l = e.success || Pu(t), d = e.warning || $u(t);
  function m(h) {
    const y = lo(h, Br.text.primary) >= r ? Br.text.primary : po.text.primary;
    if (process.env.NODE_ENV !== "production") {
      const _ = lo(h, y);
      _ < 3 && console.error([`MUI: The contrast ratio of ${_}:1 for ${y} on ${h}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
`));
    }
    return y;
  }
  const p = ({
    color: h,
    name: y,
    mainShade: _ = 500,
    lightShade: C = 300,
    darkShade: A = 700
  }) => {
    if (h = $({}, h), !h.main && h[_] && (h.main = h[_]), !h.hasOwnProperty("main"))
      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${y ? ` (${y})` : ""} provided to augmentColor(color) is invalid.
The color object needs to have a \`main\` property or a \`${_}\` property.` : jt(11, y ? ` (${y})` : "", _));
    if (typeof h.main != "string")
      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${y ? ` (${y})` : ""} provided to augmentColor(color) is invalid.
\`color.main\` should be a string, but \`${JSON.stringify(h.main)}\` was provided instead.

Did you intend to use one of the following approaches?

import { green } from "@mui/material/colors";

const theme1 = createTheme({ palette: {
  primary: green,
} });

const theme2 = createTheme({ palette: {
  primary: { main: green[500] },
} });` : jt(12, y ? ` (${y})` : "", JSON.stringify(h.main)));
    return mo(h, "light", C, n), mo(h, "dark", A, n), h.contrastText || (h.contrastText = m(h.main)), h;
  }, v = {
    dark: Br,
    light: po
  };
  return process.env.NODE_ENV !== "production" && (v[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), qe($({
    // A collection of common colors.
    common: $({}, Mt),
    // prevent mutable object.
    // The palette mode, can be light or dark.
    mode: t,
    // The colors used to represent primary interface elements for a user.
    primary: p({
      color: i,
      name: "primary"
    }),
    // The colors used to represent secondary interface elements for a user.
    secondary: p({
      color: a,
      name: "secondary",
      mainShade: "A400",
      lightShade: "A200",
      darkShade: "A700"
    }),
    // The colors used to represent interface elements that the user should be made aware of.
    error: p({
      color: c,
      name: "error"
    }),
    // The colors used to represent potentially dangerous actions or important messages.
    warning: p({
      color: d,
      name: "warning"
    }),
    // The colors used to present information to the user that is neutral and not necessarily important.
    info: p({
      color: u,
      name: "info"
    }),
    // The colors used to indicate the successful completion of an action that user triggered.
    success: p({
      color: l,
      name: "success"
    }),
    // The grey colors.
    grey: Qi,
    // Used by `getContrastText()` to maximize the contrast between
    // the background and the text.
    contrastThreshold: r,
    // Takes a background color and returns the text color that maximizes the contrast.
    getContrastText: m,
    // Generate a rich color object.
    augmentColor: p,
    // Used by the functions below to shift a color's luminance by approximately
    // two indexes within its tonal palette.
    // E.g., shift from Red 500 to Red 300 or Red 700.
    tonalOffset: n
  }, v[t]), o);
}
const Au = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
function Mu(e) {
  return Math.round(e * 1e5) / 1e5;
}
const ho = {
  textTransform: "uppercase"
}, yo = '"Roboto", "Helvetica", "Arial", sans-serif';
function ju(e, t) {
  const r = typeof t == "function" ? t(e) : t, {
    fontFamily: n = yo,
    // The default font size of the Material Specification.
    fontSize: o = 14,
    // px
    fontWeightLight: i = 300,
    fontWeightRegular: a = 400,
    fontWeightMedium: c = 500,
    fontWeightBold: u = 700,
    // Tell MUI what's the font-size on the html element.
    // 16px is the default font-size used by browsers.
    htmlFontSize: l = 16,
    // Apply the CSS properties to all the variants.
    allVariants: d,
    pxToRem: m
  } = r, p = Se(r, Au);
  process.env.NODE_ENV !== "production" && (typeof o != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof l != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
  const v = o / 14, b = m || ((_) => `${_ / l * v}rem`), h = (_, C, A, w, g) => $({
    fontFamily: n,
    fontWeight: _,
    fontSize: b(C),
    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
    lineHeight: A
  }, n === yo ? {
    letterSpacing: `${Mu(w / C)}em`
  } : {}, g, d), y = {
    h1: h(i, 96, 1.167, -1.5),
    h2: h(i, 60, 1.2, -0.5),
    h3: h(a, 48, 1.167, 0),
    h4: h(a, 34, 1.235, 0.25),
    h5: h(a, 24, 1.334, 0),
    h6: h(c, 20, 1.6, 0.15),
    subtitle1: h(a, 16, 1.75, 0.15),
    subtitle2: h(c, 14, 1.57, 0.1),
    body1: h(a, 16, 1.5, 0.15),
    body2: h(a, 14, 1.43, 0.15),
    button: h(c, 14, 1.75, 0.4, ho),
    caption: h(a, 12, 1.66, 0.4),
    overline: h(a, 12, 2.66, 1, ho),
    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
    inherit: {
      fontFamily: "inherit",
      fontWeight: "inherit",
      fontSize: "inherit",
      lineHeight: "inherit",
      letterSpacing: "inherit"
    }
  };
  return qe($({
    htmlFontSize: l,
    pxToRem: b,
    fontFamily: n,
    fontSize: o,
    fontWeightLight: i,
    fontWeightRegular: a,
    fontWeightMedium: c,
    fontWeightBold: u
  }, y), p, {
    clone: !1
    // No need to clone deep
  });
}
const Nu = 0.2, Iu = 0.14, Du = 0.12;
function le(...e) {
  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Nu})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Iu})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Du})`].join(",");
}
const Fu = ["none", le(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), le(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), le(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), le(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), le(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), le(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), le(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), le(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), le(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), le(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), le(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), le(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), le(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), le(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), le(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), le(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), le(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), le(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), le(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), le(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), le(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), le(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), le(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), le(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Vu = ["duration", "easing", "delay"], Bu = {
  // This is the most common easing curve.
  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
  // Objects enter the screen at full velocity from off-screen and
  // slowly decelerate to a resting point.
  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
  // The sharp curve is used by objects that may return to the screen at any time.
  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
}, Lu = {
  shortest: 150,
  shorter: 200,
  short: 250,
  // most basic recommended timing
  standard: 300,
  // this is to be used in complex animations
  complex: 375,
  // recommended when something is entering screen
  enteringScreen: 225,
  // recommended when something is leaving screen
  leavingScreen: 195
};
function go(e) {
  return `${Math.round(e)}ms`;
}
function Wu(e) {
  if (!e)
    return 0;
  const t = e / 36;
  return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
}
function zu(e) {
  const t = $({}, Bu, e.easing), r = $({}, Lu, e.duration);
  return $({
    getAutoHeightDuration: Wu,
    create: (o = ["all"], i = {}) => {
      const {
        duration: a = r.standard,
        easing: c = t.easeInOut,
        delay: u = 0
      } = i, l = Se(i, Vu);
      if (process.env.NODE_ENV !== "production") {
        const d = (p) => typeof p == "string", m = (p) => !isNaN(parseFloat(p));
        !d(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !m(a) && !d(a) && console.error(`MUI: Argument "duration" must be a number or a string but found ${a}.`), d(c) || console.error('MUI: Argument "easing" must be a string.'), !m(u) && !d(u) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
`)), Object.keys(l).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(l).join(",")}].`);
      }
      return (Array.isArray(o) ? o : [o]).map((d) => `${d} ${typeof a == "string" ? a : go(a)} ${c} ${typeof u == "string" ? u : go(u)}`).join(",");
    }
  }, e, {
    easing: t,
    duration: r
  });
}
const Uu = {
  mobileStepper: 1e3,
  fab: 1050,
  speedDial: 1050,
  appBar: 1100,
  drawer: 1200,
  modal: 1300,
  snackbar: 1400,
  tooltip: 1500
}, Yu = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
function Ei(e = {}, ...t) {
  const {
    mixins: r = {},
    palette: n = {},
    transitions: o = {},
    typography: i = {}
  } = e, a = Se(e, Yu);
  if (e.vars)
    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : jt(18));
  const c = ku(n), u = mn(e);
  let l = qe(u, {
    mixins: cu(u.breakpoints, r),
    palette: c,
    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
    shadows: Fu.slice(),
    typography: ju(c, i),
    transitions: zu(o),
    zIndex: $({}, Uu)
  });
  if (l = qe(l, a), l = t.reduce((d, m) => qe(d, m), l), process.env.NODE_ENV !== "production") {
    const d = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], m = (p, v) => {
      let b;
      for (b in p) {
        const h = p[b];
        if (d.indexOf(b) !== -1 && Object.keys(h).length > 0) {
          if (process.env.NODE_ENV !== "production") {
            const y = nt("", b);
            console.error([`MUI: The \`${v}\` component increases the CSS specificity of the \`${b}\` internal state.`, "You can not override it like this: ", JSON.stringify(p, null, 2), "", `Instead, you need to use the '&.${y}' syntax:`, JSON.stringify({
              root: {
                [`&.${y}`]: h
              }
            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
`));
          }
          p[b] = {};
        }
      }
    };
    Object.keys(l.components).forEach((p) => {
      const v = l.components[p].styleOverrides;
      v && p.indexOf("Mui") === 0 && m(v, p);
    });
  }
  return l.unstable_sxConfig = $({}, Wt, a == null ? void 0 : a.unstable_sxConfig), l.unstable_sx = function(m) {
    return zt({
      sx: m,
      theme: this
    });
  }, l;
}
const qu = Ei();
var Yt = {}, Lr = { exports: {} }, bo;
function Ku() {
  return bo || (bo = 1, function(e) {
    function t() {
      return e.exports = t = Object.assign ? Object.assign.bind() : function(r) {
        for (var n = 1; n < arguments.length; n++) {
          var o = arguments[n];
          for (var i in o) ({}).hasOwnProperty.call(o, i) && (r[i] = o[i]);
        }
        return r;
      }, e.exports.__esModule = !0, e.exports.default = e.exports, t.apply(null, arguments);
    }
    e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
  }(Lr)), Lr.exports;
}
var Wr = { exports: {} }, vo;
function Hu() {
  return vo || (vo = 1, function(e) {
    function t(r, n) {
      if (r == null) return {};
      var o = {};
      for (var i in r) if ({}.hasOwnProperty.call(r, i)) {
        if (n.includes(i)) continue;
        o[i] = r[i];
      }
      return o;
    }
    e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
  }(Wr)), Wr.exports;
}
const Gu = /* @__PURE__ */ He(ls), Xu = /* @__PURE__ */ He(fs), Ju = /* @__PURE__ */ He(gs), Zu = /* @__PURE__ */ He(Ec), Qu = /* @__PURE__ */ He(ic), el = /* @__PURE__ */ He(dc);
var xt = bn;
Object.defineProperty(Yt, "__esModule", {
  value: !0
});
var tl = Yt.default = hl;
Yt.shouldForwardProp = nr;
Yt.systemDefaultTheme = void 0;
var Ne = xt(Ku()), tn = xt(Hu()), xo = ll(Gu), rl = Xu, nl = xt(Ju), ol = xt(Zu), il = xt(Qu), al = xt(el);
const sl = ["ownerState"], cl = ["variants"], ul = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
function _i(e) {
  if (typeof WeakMap != "function") return null;
  var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
  return (_i = function(n) {
    return n ? r : t;
  })(e);
}
function ll(e, t) {
  if (e && e.__esModule) return e;
  if (e === null || typeof e != "object" && typeof e != "function") return { default: e };
  var r = _i(t);
  if (r && r.has(e)) return r.get(e);
  var n = { __proto__: null }, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
  for (var i in e) if (i !== "default" && Object.prototype.hasOwnProperty.call(e, i)) {
    var a = o ? Object.getOwnPropertyDescriptor(e, i) : null;
    a && (a.get || a.set) ? Object.defineProperty(n, i, a) : n[i] = e[i];
  }
  return n.default = e, r && r.set(e, n), n;
}
function fl(e) {
  return Object.keys(e).length === 0;
}
function dl(e) {
  return typeof e == "string" && // 96 is one less than the char code
  // for "a" so this is checking that
  // it's a lowercase character
  e.charCodeAt(0) > 96;
}
function nr(e) {
  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
}
const pl = Yt.systemDefaultTheme = (0, il.default)(), Eo = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
function Jt({
  defaultTheme: e,
  theme: t,
  themeId: r
}) {
  return fl(t) ? e : t[r] || t;
}
function ml(e) {
  return e ? (t, r) => r[e] : null;
}
function or(e, t) {
  let {
    ownerState: r
  } = t, n = (0, tn.default)(t, sl);
  const o = typeof e == "function" ? e((0, Ne.default)({
    ownerState: r
  }, n)) : e;
  if (Array.isArray(o))
    return o.flatMap((i) => or(i, (0, Ne.default)({
      ownerState: r
    }, n)));
  if (o && typeof o == "object" && Array.isArray(o.variants)) {
    const {
      variants: i = []
    } = o;
    let c = (0, tn.default)(o, cl);
    return i.forEach((u) => {
      let l = !0;
      typeof u.props == "function" ? l = u.props((0, Ne.default)({
        ownerState: r
      }, n, r)) : Object.keys(u.props).forEach((d) => {
        (r == null ? void 0 : r[d]) !== u.props[d] && n[d] !== u.props[d] && (l = !1);
      }), l && (Array.isArray(c) || (c = [c]), c.push(typeof u.style == "function" ? u.style((0, Ne.default)({
        ownerState: r
      }, n, r)) : u.style));
    }), c;
  }
  return o;
}
function hl(e = {}) {
  const {
    themeId: t,
    defaultTheme: r = pl,
    rootShouldForwardProp: n = nr,
    slotShouldForwardProp: o = nr
  } = e, i = (a) => (0, al.default)((0, Ne.default)({}, a, {
    theme: Jt((0, Ne.default)({}, a, {
      defaultTheme: r,
      themeId: t
    }))
  }));
  return i.__mui_systemSx = !0, (a, c = {}) => {
    (0, xo.internal_processStyles)(a, (g) => g.filter((M) => !(M != null && M.__mui_systemSx)));
    const {
      name: u,
      slot: l,
      skipVariantsResolver: d,
      skipSx: m,
      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
      // For more details: https://github.com/mui/material-ui/pull/37908
      overridesResolver: p = ml(Eo(l))
    } = c, v = (0, tn.default)(c, ul), b = d !== void 0 ? d : (
      // TODO v6: remove `Root` in the next major release
      // For more details: https://github.com/mui/material-ui/pull/37908
      l && l !== "Root" && l !== "root" || !1
    ), h = m || !1;
    let y;
    process.env.NODE_ENV !== "production" && u && (y = `${u}-${Eo(l || "Root")}`);
    let _ = nr;
    l === "Root" || l === "root" ? _ = n : l ? _ = o : dl(a) && (_ = void 0);
    const C = (0, xo.default)(a, (0, Ne.default)({
      shouldForwardProp: _,
      label: y
    }, v)), A = (g) => typeof g == "function" && g.__emotion_real !== g || (0, rl.isPlainObject)(g) ? (M) => or(g, (0, Ne.default)({}, M, {
      theme: Jt({
        theme: M.theme,
        defaultTheme: r,
        themeId: t
      })
    })) : g, w = (g, ...M) => {
      let P = A(g);
      const ae = M ? M.map(A) : [];
      u && p && ae.push((H) => {
        const ie = Jt((0, Ne.default)({}, H, {
          defaultTheme: r,
          themeId: t
        }));
        if (!ie.components || !ie.components[u] || !ie.components[u].styleOverrides)
          return null;
        const X = ie.components[u].styleOverrides, Q = {};
        return Object.entries(X).forEach(([me, ce]) => {
          Q[me] = or(ce, (0, Ne.default)({}, H, {
            theme: ie
          }));
        }), p(H, Q);
      }), u && !b && ae.push((H) => {
        var ie;
        const X = Jt((0, Ne.default)({}, H, {
          defaultTheme: r,
          themeId: t
        })), Q = X == null || (ie = X.components) == null || (ie = ie[u]) == null ? void 0 : ie.variants;
        return or({
          variants: Q
        }, (0, Ne.default)({}, H, {
          theme: X
        }));
      }), h || ae.push(i);
      const G = ae.length - M.length;
      if (Array.isArray(g) && G > 0) {
        const H = new Array(G).fill("");
        P = [...g, ...H], P.raw = [...g.raw, ...H];
      }
      const se = C(P, ...ae);
      if (process.env.NODE_ENV !== "production") {
        let H;
        u && (H = `${u}${(0, nl.default)(l || "")}`), H === void 0 && (H = `Styled(${(0, ol.default)(a)})`), se.displayName = H;
      }
      return a.muiName && (se.muiName = a.muiName), se;
    };
    return C.withConfig && (w.withConfig = C.withConfig), w;
  };
}
function yl(e) {
  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
}
const gl = (e) => yl(e) && e !== "classes", We = tl({
  themeId: $o,
  defaultTheme: qu,
  rootShouldForwardProp: gl
});
process.env.NODE_ENV !== "production" && (f.node, f.object.isRequired);
function Et(e) {
  return su(e);
}
function bl(e) {
  return nt("MuiSvgIcon", e);
}
ot("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
const vl = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], xl = (e) => {
  const {
    color: t,
    fontSize: r,
    classes: n
  } = e, o = {
    root: ["root", t !== "inherit" && `color${Fe(t)}`, `fontSize${Fe(r)}`]
  };
  return Ut(o, bl, n);
}, El = We("svg", {
  name: "MuiSvgIcon",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: r
    } = e;
    return [t.root, r.color !== "inherit" && t[`color${Fe(r.color)}`], t[`fontSize${Fe(r.fontSize)}`]];
  }
})(({
  theme: e,
  ownerState: t
}) => {
  var r, n, o, i, a, c, u, l, d, m, p, v, b;
  return {
    userSelect: "none",
    width: "1em",
    height: "1em",
    display: "inline-block",
    // the <svg> will define the property that has `currentColor`
    // for example heroicons uses fill="none" and stroke="currentColor"
    fill: t.hasSvgAsChild ? void 0 : "currentColor",
    flexShrink: 0,
    transition: (r = e.transitions) == null || (n = r.create) == null ? void 0 : n.call(r, "fill", {
      duration: (o = e.transitions) == null || (o = o.duration) == null ? void 0 : o.shorter
    }),
    fontSize: {
      inherit: "inherit",
      small: ((i = e.typography) == null || (a = i.pxToRem) == null ? void 0 : a.call(i, 20)) || "1.25rem",
      medium: ((c = e.typography) == null || (u = c.pxToRem) == null ? void 0 : u.call(c, 24)) || "1.5rem",
      large: ((l = e.typography) == null || (d = l.pxToRem) == null ? void 0 : d.call(l, 35)) || "2.1875rem"
    }[t.fontSize],
    // TODO v5 deprecate, v6 remove for sx
    color: (m = (p = (e.vars || e).palette) == null || (p = p[t.color]) == null ? void 0 : p.main) != null ? m : {
      action: (v = (e.vars || e).palette) == null || (v = v.action) == null ? void 0 : v.active,
      disabled: (b = (e.vars || e).palette) == null || (b = b.action) == null ? void 0 : b.disabled,
      inherit: void 0
    }[t.color]
  };
}), cr = /* @__PURE__ */ S.forwardRef(function(t, r) {
  const n = Et({
    props: t,
    name: "MuiSvgIcon"
  }), {
    children: o,
    className: i,
    color: a = "inherit",
    component: c = "svg",
    fontSize: u = "medium",
    htmlColor: l,
    inheritViewBox: d = !1,
    titleAccess: m,
    viewBox: p = "0 0 24 24"
  } = n, v = Se(n, vl), b = /* @__PURE__ */ S.isValidElement(o) && o.type === "svg", h = $({}, n, {
    color: a,
    component: c,
    fontSize: u,
    instanceFontSize: t.fontSize,
    inheritViewBox: d,
    viewBox: p,
    hasSvgAsChild: b
  }), y = {};
  d || (y.viewBox = p);
  const _ = xl(h);
  return /* @__PURE__ */ K.jsxs(El, $({
    as: c,
    className: Te(_.root, i),
    focusable: "false",
    color: l,
    "aria-hidden": m ? void 0 : !0,
    role: m ? "img" : void 0,
    ref: r
  }, y, v, b && o.props, {
    ownerState: h,
    children: [b ? o.props.children : o, m ? /* @__PURE__ */ K.jsx("title", {
      children: m
    }) : null]
  }));
});
process.env.NODE_ENV !== "production" && (cr.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * Node passed into the SVG element.
   */
  children: f.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: f.object,
  /**
   * @ignore
   */
  className: f.string,
  /**
   * The color of the component.
   * It supports both default and custom theme colors, which can be added as shown in the
   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
   * @default 'inherit'
   */
  color: f.oneOfType([f.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), f.string]),
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: f.elementType,
  /**
   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
   * @default 'medium'
   */
  fontSize: f.oneOfType([f.oneOf(["inherit", "large", "medium", "small"]), f.string]),
  /**
   * Applies a color attribute to the SVG element.
   */
  htmlColor: f.string,
  /**
   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
   * prop will be ignored.
   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
   * `component`'s viewBox to the root node.
   * @default false
   */
  inheritViewBox: f.bool,
  /**
   * The shape-rendering attribute. The behavior of the different options is described on the
   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
   * If you are having issues with blurry icons you should investigate this prop.
   */
  shapeRendering: f.string,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: f.oneOfType([f.arrayOf(f.oneOfType([f.func, f.object, f.bool])), f.func, f.object]),
  /**
   * Provides a human-readable title for the element that contains it.
   * https://www.w3.org/TR/SVG-access/#Equivalent
   */
  titleAccess: f.string,
  /**
   * Allows you to redefine what the coordinates without units mean inside an SVG element.
   * For example, if the SVG element is 500 (width) by 200 (height),
   * and you pass viewBox="0 0 50 20",
   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
   * to bottom right (50,20) and each unit will be worth 10px.
   * @default '0 0 24 24'
   */
  viewBox: f.string
});
cr.muiName = "SvgIcon";
function Ti(e, t) {
  function r(n, o) {
    return /* @__PURE__ */ K.jsx(cr, $({
      "data-testid": `${t}Icon`,
      ref: o
    }, n, {
      children: e
    }));
  }
  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = cr.muiName, /* @__PURE__ */ S.memo(/* @__PURE__ */ S.forwardRef(r));
}
const _l = {
  configure: (e) => {
    process.env.NODE_ENV !== "production" && console.warn(["MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.", "", "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", "", "The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401", "", "The updated documentation: https://mui.com/guides/classname-generator/"].join(`
`)), yn.configure(e);
  }
}, Tl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
  __proto__: null,
  capitalize: Fe,
  createChainedFunction: wc,
  createSvgIcon: Ti,
  debounce: Pc,
  deprecatedPropType: $c,
  isMuiElement: kc,
  ownerDocument: li,
  ownerWindow: Ac,
  requirePropFactory: Mc,
  setRef: fi,
  unstable_ClassNameGenerator: _l,
  unstable_useEnhancedEffect: ci,
  unstable_useId: Nc,
  unsupportedProp: Ic,
  useControlled: Dc,
  useEventCallback: kt,
  useForkRef: Ft,
  useIsFocusVisible: gn
}, Symbol.toStringTag, { value: "Module" }));
function rn(e, t) {
  return rn = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, n) {
    return r.__proto__ = n, r;
  }, rn(e, t);
}
function Sl(e, t) {
  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, rn(e, t);
}
const _o = tt.createContext(null);
function Rl(e) {
  if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
  return e;
}
function _n(e, t) {
  var r = function(i) {
    return t && Zt(i) ? t(i) : i;
  }, n = /* @__PURE__ */ Object.create(null);
  return e && Gi.map(e, function(o) {
    return o;
  }).forEach(function(o) {
    n[o.key] = r(o);
  }), n;
}
function Ol(e, t) {
  e = e || {}, t = t || {};
  function r(d) {
    return d in t ? t[d] : e[d];
  }
  var n = /* @__PURE__ */ Object.create(null), o = [];
  for (var i in e)
    i in t ? o.length && (n[i] = o, o = []) : o.push(i);
  var a, c = {};
  for (var u in t) {
    if (n[u])
      for (a = 0; a < n[u].length; a++) {
        var l = n[u][a];
        c[n[u][a]] = r(l);
      }
    c[u] = r(u);
  }
  for (a = 0; a < o.length; a++)
    c[o[a]] = r(o[a]);
  return c;
}
function rt(e, t, r) {
  return r[t] != null ? r[t] : e.props[t];
}
function Cl(e, t) {
  return _n(e.children, function(r) {
    return Qt(r, {
      onExited: t.bind(null, r),
      in: !0,
      appear: rt(r, "appear", e),
      enter: rt(r, "enter", e),
      exit: rt(r, "exit", e)
    });
  });
}
function wl(e, t, r) {
  var n = _n(e.children), o = Ol(t, n);
  return Object.keys(o).forEach(function(i) {
    var a = o[i];
    if (Zt(a)) {
      var c = i in t, u = i in n, l = t[i], d = Zt(l) && !l.props.in;
      u && (!c || d) ? o[i] = Qt(a, {
        onExited: r.bind(null, a),
        in: !0,
        exit: rt(a, "exit", e),
        enter: rt(a, "enter", e)
      }) : !u && c && !d ? o[i] = Qt(a, {
        in: !1
      }) : u && c && Zt(l) && (o[i] = Qt(a, {
        onExited: r.bind(null, a),
        in: l.props.in,
        exit: rt(a, "exit", e),
        enter: rt(a, "enter", e)
      }));
    }
  }), o;
}
var Pl = Object.values || function(e) {
  return Object.keys(e).map(function(t) {
    return e[t];
  });
}, $l = {
  component: "div",
  childFactory: function(t) {
    return t;
  }
}, Tn = /* @__PURE__ */ function(e) {
  Sl(t, e);
  function t(n, o) {
    var i;
    i = e.call(this, n, o) || this;
    var a = i.handleExited.bind(Rl(i));
    return i.state = {
      contextValue: {
        isMounting: !0
      },
      handleExited: a,
      firstRender: !0
    }, i;
  }
  var r = t.prototype;
  return r.componentDidMount = function() {
    this.mounted = !0, this.setState({
      contextValue: {
        isMounting: !1
      }
    });
  }, r.componentWillUnmount = function() {
    this.mounted = !1;
  }, t.getDerivedStateFromProps = function(o, i) {
    var a = i.children, c = i.handleExited, u = i.firstRender;
    return {
      children: u ? Cl(o, c) : wl(o, a, c),
      firstRender: !1
    };
  }, r.handleExited = function(o, i) {
    var a = _n(this.props.children);
    o.key in a || (o.props.onExited && o.props.onExited(i), this.mounted && this.setState(function(c) {
      var u = $({}, c.children);
      return delete u[o.key], {
        children: u
      };
    }));
  }, r.render = function() {
    var o = this.props, i = o.component, a = o.childFactory, c = Se(o, ["component", "childFactory"]), u = this.state.contextValue, l = Pl(this.state.children).map(a);
    return delete c.appear, delete c.enter, delete c.exit, i === null ? /* @__PURE__ */ tt.createElement(_o.Provider, {
      value: u
    }, l) : /* @__PURE__ */ tt.createElement(_o.Provider, {
      value: u
    }, /* @__PURE__ */ tt.createElement(i, c, l));
  }, t;
}(tt.Component);
Tn.propTypes = process.env.NODE_ENV !== "production" ? {
  /**
   * `<TransitionGroup>` renders a `<div>` by default. You can change this
   * behavior by providing a `component` prop.
   * If you use React v16+ and would like to avoid a wrapping `<div>` element
   * you can pass in `component={null}`. This is useful if the wrapping div
   * borks your css styles.
   */
  component: f.any,
  /**
   * A set of `<Transition>` components, that are toggled `in` and out as they
   * leave. the `<TransitionGroup>` will inject specific transition props, so
   * remember to spread them through if you are wrapping the `<Transition>` as
   * with our `<Fade>` example.
   *
   * While this component is meant for multiple `Transition` or `CSSTransition`
   * children, sometimes you may want to have a single transition child with
   * content that you want to be transitioned out and in when you change it
   * (e.g. routes, images etc.) In that case you can change the `key` prop of
   * the transition child as you change its content, this will cause
   * `TransitionGroup` to transition the child out and back in.
   */
  children: f.node,
  /**
   * A convenience prop that enables or disables appear animations
   * for all children. Note that specifying this will override any defaults set
   * on individual children Transitions.
   */
  appear: f.bool,
  /**
   * A convenience prop that enables or disables enter animations
   * for all children. Note that specifying this will override any defaults set
   * on individual children Transitions.
   */
  enter: f.bool,
  /**
   * A convenience prop that enables or disables exit animations
   * for all children. Note that specifying this will override any defaults set
   * on individual children Transitions.
   */
  exit: f.bool,
  /**
   * You may need to apply reactive updates to a child as it is exiting.
   * This is generally done by using `cloneElement` however in the case of an exiting
   * child the element has already been removed and not accessible to the consumer.
   *
   * If you do need to update a child as it leaves you can provide a `childFactory`
   * to wrap every child, even the ones that are leaving.
   *
   * @type Function(child: ReactElement) -> ReactElement
   */
  childFactory: f.func
} : {};
Tn.defaultProps = $l;
function Si(e) {
  const {
    className: t,
    classes: r,
    pulsate: n = !1,
    rippleX: o,
    rippleY: i,
    rippleSize: a,
    in: c,
    onExited: u,
    timeout: l
  } = e, [d, m] = S.useState(!1), p = Te(t, r.ripple, r.rippleVisible, n && r.ripplePulsate), v = {
    width: a,
    height: a,
    top: -(a / 2) + i,
    left: -(a / 2) + o
  }, b = Te(r.child, d && r.childLeaving, n && r.childPulsate);
  return !c && !d && m(!0), S.useEffect(() => {
    if (!c && u != null) {
      const h = setTimeout(u, l);
      return () => {
        clearTimeout(h);
      };
    }
  }, [u, c, l]), /* @__PURE__ */ K.jsx("span", {
    className: p,
    style: v,
    children: /* @__PURE__ */ K.jsx("span", {
      className: b
    })
  });
}
process.env.NODE_ENV !== "production" && (Si.propTypes = {
  /**
   * Override or extend the styles applied to the component.
   */
  classes: f.object.isRequired,
  className: f.string,
  /**
   * @ignore - injected from TransitionGroup
   */
  in: f.bool,
  /**
   * @ignore - injected from TransitionGroup
   */
  onExited: f.func,
  /**
   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
   */
  pulsate: f.bool,
  /**
   * Diameter of the ripple.
   */
  rippleSize: f.number,
  /**
   * Horizontal position of the ripple center.
   */
  rippleX: f.number,
  /**
   * Vertical position of the ripple center.
   */
  rippleY: f.number,
  /**
   * exit delay
   */
  timeout: f.number.isRequired
});
const Ie = ot("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), kl = ["center", "classes", "className"];
let Tr = (e) => e, To, So, Ro, Oo;
const nn = 550, Al = 80, Ml = pr(To || (To = Tr`
  0% {
    transform: scale(0);
    opacity: 0.1;
  }

  100% {
    transform: scale(1);
    opacity: 0.3;
  }
`)), jl = pr(So || (So = Tr`
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
`)), Nl = pr(Ro || (Ro = Tr`
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.92);
  }

  100% {
    transform: scale(1);
  }
`)), Il = We("span", {
  name: "MuiTouchRipple",
  slot: "Root"
})({
  overflow: "hidden",
  pointerEvents: "none",
  position: "absolute",
  zIndex: 0,
  top: 0,
  right: 0,
  bottom: 0,
  left: 0,
  borderRadius: "inherit"
}), Dl = We(Si, {
  name: "MuiTouchRipple",
  slot: "Ripple"
})(Oo || (Oo = Tr`
  opacity: 0;
  position: absolute;

  &.${0} {
    opacity: 0.3;
    transform: scale(1);
    animation-name: ${0};
    animation-duration: ${0}ms;
    animation-timing-function: ${0};
  }

  &.${0} {
    animation-duration: ${0}ms;
  }

  & .${0} {
    opacity: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentColor;
  }

  & .${0} {
    opacity: 0;
    animation-name: ${0};
    animation-duration: ${0}ms;
    animation-timing-function: ${0};
  }

  & .${0} {
    position: absolute;
    /* @noflip */
    left: 0px;
    top: 0;
    animation-name: ${0};
    animation-duration: 2500ms;
    animation-timing-function: ${0};
    animation-iteration-count: infinite;
    animation-delay: 200ms;
  }
`), Ie.rippleVisible, Ml, nn, ({
  theme: e
}) => e.transitions.easing.easeInOut, Ie.ripplePulsate, ({
  theme: e
}) => e.transitions.duration.shorter, Ie.child, Ie.childLeaving, jl, nn, ({
  theme: e
}) => e.transitions.easing.easeInOut, Ie.childPulsate, Nl, ({
  theme: e
}) => e.transitions.easing.easeInOut), Ri = /* @__PURE__ */ S.forwardRef(function(t, r) {
  const n = Et({
    props: t,
    name: "MuiTouchRipple"
  }), {
    center: o = !1,
    classes: i = {},
    className: a
  } = n, c = Se(n, kl), [u, l] = S.useState([]), d = S.useRef(0), m = S.useRef(null);
  S.useEffect(() => {
    m.current && (m.current(), m.current = null);
  }, [u]);
  const p = S.useRef(!1), v = Lc(), b = S.useRef(null), h = S.useRef(null), y = S.useCallback((w) => {
    const {
      pulsate: g,
      rippleX: M,
      rippleY: P,
      rippleSize: ae,
      cb: G
    } = w;
    l((se) => [...se, /* @__PURE__ */ K.jsx(Dl, {
      classes: {
        ripple: Te(i.ripple, Ie.ripple),
        rippleVisible: Te(i.rippleVisible, Ie.rippleVisible),
        ripplePulsate: Te(i.ripplePulsate, Ie.ripplePulsate),
        child: Te(i.child, Ie.child),
        childLeaving: Te(i.childLeaving, Ie.childLeaving),
        childPulsate: Te(i.childPulsate, Ie.childPulsate)
      },
      timeout: nn,
      pulsate: g,
      rippleX: M,
      rippleY: P,
      rippleSize: ae
    }, d.current)]), d.current += 1, m.current = G;
  }, [i]), _ = S.useCallback((w = {}, g = {}, M = () => {
  }) => {
    const {
      pulsate: P = !1,
      center: ae = o || g.pulsate,
      fakeElement: G = !1
      // For test purposes
    } = g;
    if ((w == null ? void 0 : w.type) === "mousedown" && p.current) {
      p.current = !1;
      return;
    }
    (w == null ? void 0 : w.type) === "touchstart" && (p.current = !0);
    const se = G ? null : h.current, H = se ? se.getBoundingClientRect() : {
      width: 0,
      height: 0,
      left: 0,
      top: 0
    };
    let ie, X, Q;
    if (ae || w === void 0 || w.clientX === 0 && w.clientY === 0 || !w.clientX && !w.touches)
      ie = Math.round(H.width / 2), X = Math.round(H.height / 2);
    else {
      const {
        clientX: me,
        clientY: ce
      } = w.touches && w.touches.length > 0 ? w.touches[0] : w;
      ie = Math.round(me - H.left), X = Math.round(ce - H.top);
    }
    if (ae)
      Q = Math.sqrt((2 * H.width ** 2 + H.height ** 2) / 3), Q % 2 === 0 && (Q += 1);
    else {
      const me = Math.max(Math.abs((se ? se.clientWidth : 0) - ie), ie) * 2 + 2, ce = Math.max(Math.abs((se ? se.clientHeight : 0) - X), X) * 2 + 2;
      Q = Math.sqrt(me ** 2 + ce ** 2);
    }
    w != null && w.touches ? b.current === null && (b.current = () => {
      y({
        pulsate: P,
        rippleX: ie,
        rippleY: X,
        rippleSize: Q,
        cb: M
      });
    }, v.start(Al, () => {
      b.current && (b.current(), b.current = null);
    })) : y({
      pulsate: P,
      rippleX: ie,
      rippleY: X,
      rippleSize: Q,
      cb: M
    });
  }, [o, y, v]), C = S.useCallback(() => {
    _({}, {
      pulsate: !0
    });
  }, [_]), A = S.useCallback((w, g) => {
    if (v.clear(), (w == null ? void 0 : w.type) === "touchend" && b.current) {
      b.current(), b.current = null, v.start(0, () => {
        A(w, g);
      });
      return;
    }
    b.current = null, l((M) => M.length > 0 ? M.slice(1) : M), m.current = g;
  }, [v]);
  return S.useImperativeHandle(r, () => ({
    pulsate: C,
    start: _,
    stop: A
  }), [C, _, A]), /* @__PURE__ */ K.jsx(Il, $({
    className: Te(Ie.root, i.root, a),
    ref: h
  }, c, {
    children: /* @__PURE__ */ K.jsx(Tn, {
      component: null,
      exit: !0,
      children: u
    })
  }));
});
process.env.NODE_ENV !== "production" && (Ri.propTypes = {
  /**
   * If `true`, the ripple starts at the center of the component
   * rather than at the point of interaction.
   */
  center: f.bool,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: f.object,
  /**
   * @ignore
   */
  className: f.string
});
function Fl(e) {
  return nt("MuiButtonBase", e);
}
const Vl = ot("MuiButtonBase", ["root", "disabled", "focusVisible"]), Bl = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], Ll = (e) => {
  const {
    disabled: t,
    focusVisible: r,
    focusVisibleClassName: n,
    classes: o
  } = e, a = Ut({
    root: ["root", t && "disabled", r && "focusVisible"]
  }, Fl, o);
  return r && n && (a.root += ` ${n}`), a;
}, Wl = We("button", {
  name: "MuiButtonBase",
  slot: "Root",
  overridesResolver: (e, t) => t.root
})({
  display: "inline-flex",
  alignItems: "center",
  justifyContent: "center",
  position: "relative",
  boxSizing: "border-box",
  WebkitTapHighlightColor: "transparent",
  backgroundColor: "transparent",
  // Reset default value
  // We disable the focus ring for mouse, touch and keyboard users.
  outline: 0,
  border: 0,
  margin: 0,
  // Remove the margin in Safari
  borderRadius: 0,
  padding: 0,
  // Remove the padding in Firefox
  cursor: "pointer",
  userSelect: "none",
  verticalAlign: "middle",
  MozAppearance: "none",
  // Reset
  WebkitAppearance: "none",
  // Reset
  textDecoration: "none",
  // So we take precedent over the style of a native <a /> element.
  color: "inherit",
  "&::-moz-focus-inner": {
    borderStyle: "none"
    // Remove Firefox dotted outline.
  },
  [`&.${Vl.disabled}`]: {
    pointerEvents: "none",
    // Disable link interactions
    cursor: "default"
  },
  "@media print": {
    colorAdjust: "exact"
  }
}), Oi = /* @__PURE__ */ S.forwardRef(function(t, r) {
  const n = Et({
    props: t,
    name: "MuiButtonBase"
  }), {
    action: o,
    centerRipple: i = !1,
    children: a,
    className: c,
    component: u = "button",
    disabled: l = !1,
    disableRipple: d = !1,
    disableTouchRipple: m = !1,
    focusRipple: p = !1,
    LinkComponent: v = "a",
    onBlur: b,
    onClick: h,
    onContextMenu: y,
    onDragLeave: _,
    onFocus: C,
    onFocusVisible: A,
    onKeyDown: w,
    onKeyUp: g,
    onMouseDown: M,
    onMouseLeave: P,
    onMouseUp: ae,
    onTouchEnd: G,
    onTouchMove: se,
    onTouchStart: H,
    tabIndex: ie = 0,
    TouchRippleProps: X,
    touchRippleRef: Q,
    type: me
  } = n, ce = Se(n, Bl), Ee = S.useRef(null), fe = S.useRef(null), Le = Ft(fe, Q), {
    isFocusVisibleRef: E,
    onFocus: O,
    onBlur: W,
    ref: V
  } = gn(), [j, z] = S.useState(!1);
  l && j && z(!1), S.useImperativeHandle(o, () => ({
    focusVisible: () => {
      z(!0), Ee.current.focus();
    }
  }), []);
  const [N, F] = S.useState(!1);
  S.useEffect(() => {
    F(!0);
  }, []);
  const B = N && !d && !l;
  S.useEffect(() => {
    j && p && !d && N && fe.current.pulsate();
  }, [d, p, j, N]);
  function D(L, Rt, Ot = m) {
    return kt((Ht) => (Rt && Rt(Ht), !Ot && fe.current && fe.current[L](Ht), !0));
  }
  const U = D("start", M), be = D("stop", y), T = D("stop", _), Re = D("stop", ae), k = D("stop", (L) => {
    j && L.preventDefault(), P && P(L);
  }), $e = D("start", H), Me = D("stop", G), Qe = D("stop", se), qt = D("stop", (L) => {
    W(L), E.current === !1 && z(!1), b && b(L);
  }, !1), it = kt((L) => {
    Ee.current || (Ee.current = L.currentTarget), O(L), E.current === !0 && (z(!0), A && A(L)), C && C(L);
  }), _t = () => {
    const L = Ee.current;
    return u && u !== "button" && !(L.tagName === "A" && L.href);
  }, Tt = S.useRef(!1), St = kt((L) => {
    p && !Tt.current && j && fe.current && L.key === " " && (Tt.current = !0, fe.current.stop(L, () => {
      fe.current.start(L);
    })), L.target === L.currentTarget && _t() && L.key === " " && L.preventDefault(), w && w(L), L.target === L.currentTarget && _t() && L.key === "Enter" && !l && (L.preventDefault(), h && h(L));
  }), Rr = kt((L) => {
    p && L.key === " " && fe.current && j && !L.defaultPrevented && (Tt.current = !1, fe.current.stop(L, () => {
      fe.current.pulsate(L);
    })), g && g(L), h && L.target === L.currentTarget && _t() && L.key === " " && !L.defaultPrevented && h(L);
  });
  let at = u;
  at === "button" && (ce.href || ce.to) && (at = v);
  const Ge = {};
  at === "button" ? (Ge.type = me === void 0 ? "button" : me, Ge.disabled = l) : (!ce.href && !ce.to && (Ge.role = "button"), l && (Ge["aria-disabled"] = l));
  const Kt = Ft(r, V, Ee);
  process.env.NODE_ENV !== "production" && S.useEffect(() => {
    B && !fe.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
`));
  }, [B]);
  const Xe = $({}, n, {
    centerRipple: i,
    component: u,
    disabled: l,
    disableRipple: d,
    disableTouchRipple: m,
    focusRipple: p,
    tabIndex: ie,
    focusVisible: j
  }), Or = Ll(Xe);
  return /* @__PURE__ */ K.jsxs(Wl, $({
    as: at,
    className: Te(Or.root, c),
    ownerState: Xe,
    onBlur: qt,
    onClick: h,
    onContextMenu: be,
    onFocus: it,
    onKeyDown: St,
    onKeyUp: Rr,
    onMouseDown: U,
    onMouseLeave: k,
    onMouseUp: Re,
    onDragLeave: T,
    onTouchEnd: Me,
    onTouchMove: Qe,
    onTouchStart: $e,
    ref: Kt,
    tabIndex: l ? -1 : ie,
    type: me
  }, Ge, ce, {
    children: [a, B ? (
      /* TouchRipple is only needed client-side, x2 boost on the server. */
      /* @__PURE__ */ K.jsx(Ri, $({
        ref: Le,
        center: i
      }, X))
    ) : null]
  }));
});
process.env.NODE_ENV !== "production" && (Oi.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * A ref for imperative actions.
   * It currently only supports `focusVisible()` action.
   */
  action: Cc,
  /**
   * If `true`, the ripples are centered.
   * They won't start at the cursor interaction position.
   * @default false
   */
  centerRipple: f.bool,
  /**
   * The content of the component.
   */
  children: f.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: f.object,
  /**
   * @ignore
   */
  className: f.string,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: ui,
  /**
   * If `true`, the component is disabled.
   * @default false
   */
  disabled: f.bool,
  /**
   * If `true`, the ripple effect is disabled.
   *
   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
   * @default false
   */
  disableRipple: f.bool,
  /**
   * If `true`, the touch ripple effect is disabled.
   * @default false
   */
  disableTouchRipple: f.bool,
  /**
   * If `true`, the base button will have a keyboard focus ripple.
   * @default false
   */
  focusRipple: f.bool,
  /**
   * This prop can help identify which element has keyboard focus.
   * The class name will be applied when the element gains the focus through keyboard interaction.
   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
   * if needed.
   */
  focusVisibleClassName: f.string,
  /**
   * @ignore
   */
  href: f.any,
  /**
   * The component used to render a link when the `href` prop is provided.
   * @default 'a'
   */
  LinkComponent: f.elementType,
  /**
   * @ignore
   */
  onBlur: f.func,
  /**
   * @ignore
   */
  onClick: f.func,
  /**
   * @ignore
   */
  onContextMenu: f.func,
  /**
   * @ignore
   */
  onDragLeave: f.func,
  /**
   * @ignore
   */
  onFocus: f.func,
  /**
   * Callback fired when the component is focused with a keyboard.
   * We trigger a `onFocus` callback too.
   */
  onFocusVisible: f.func,
  /**
   * @ignore
   */
  onKeyDown: f.func,
  /**
   * @ignore
   */
  onKeyUp: f.func,
  /**
   * @ignore
   */
  onMouseDown: f.func,
  /**
   * @ignore
   */
  onMouseLeave: f.func,
  /**
   * @ignore
   */
  onMouseUp: f.func,
  /**
   * @ignore
   */
  onTouchEnd: f.func,
  /**
   * @ignore
   */
  onTouchMove: f.func,
  /**
   * @ignore
   */
  onTouchStart: f.func,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: f.oneOfType([f.arrayOf(f.oneOfType([f.func, f.object, f.bool])), f.func, f.object]),
  /**
   * @default 0
   */
  tabIndex: f.number,
  /**
   * Props applied to the `TouchRipple` element.
   */
  TouchRippleProps: f.object,
  /**
   * A ref that points to the `TouchRipple` element.
   */
  touchRippleRef: f.oneOfType([f.func, f.shape({
    current: f.shape({
      pulsate: f.func.isRequired,
      start: f.func.isRequired,
      stop: f.func.isRequired
    })
  })]),
  /**
   * @ignore
   */
  type: f.oneOfType([f.oneOf(["button", "reset", "submit"]), f.string])
});
function zl(e) {
  return nt("MuiTypography", e);
}
ot("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
const Ul = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], Yl = (e) => {
  const {
    align: t,
    gutterBottom: r,
    noWrap: n,
    paragraph: o,
    variant: i,
    classes: a
  } = e, c = {
    root: ["root", i, e.align !== "inherit" && `align${Fe(t)}`, r && "gutterBottom", n && "noWrap", o && "paragraph"]
  };
  return Ut(c, zl, a);
}, ql = We("span", {
  name: "MuiTypography",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: r
    } = e;
    return [t.root, r.variant && t[r.variant], r.align !== "inherit" && t[`align${Fe(r.align)}`], r.noWrap && t.noWrap, r.gutterBottom && t.gutterBottom, r.paragraph && t.paragraph];
  }
})(({
  theme: e,
  ownerState: t
}) => $({
  margin: 0
}, t.variant === "inherit" && {
  // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
  font: "inherit"
}, t.variant !== "inherit" && e.typography[t.variant], t.align !== "inherit" && {
  textAlign: t.align
}, t.noWrap && {
  overflow: "hidden",
  textOverflow: "ellipsis",
  whiteSpace: "nowrap"
}, t.gutterBottom && {
  marginBottom: "0.35em"
}, t.paragraph && {
  marginBottom: 16
})), Co = {
  h1: "h1",
  h2: "h2",
  h3: "h3",
  h4: "h4",
  h5: "h5",
  h6: "h6",
  subtitle1: "h6",
  subtitle2: "h6",
  body1: "p",
  body2: "p",
  inherit: "p"
}, Kl = {
  primary: "primary.main",
  textPrimary: "text.primary",
  secondary: "secondary.main",
  textSecondary: "text.secondary",
  error: "error.main"
}, Hl = (e) => Kl[e] || e, Sr = /* @__PURE__ */ S.forwardRef(function(t, r) {
  const n = Et({
    props: t,
    name: "MuiTypography"
  }), o = Hl(n.color), i = hn($({}, n, {
    color: o
  })), {
    align: a = "inherit",
    className: c,
    component: u,
    gutterBottom: l = !1,
    noWrap: d = !1,
    paragraph: m = !1,
    variant: p = "body1",
    variantMapping: v = Co
  } = i, b = Se(i, Ul), h = $({}, i, {
    align: a,
    color: o,
    className: c,
    component: u,
    gutterBottom: l,
    noWrap: d,
    paragraph: m,
    variant: p,
    variantMapping: v
  }), y = u || (m ? "p" : v[p] || Co[p]) || "span", _ = Yl(h);
  return /* @__PURE__ */ K.jsx(ql, $({
    as: y,
    ref: r,
    ownerState: h,
    className: Te(_.root, c)
  }, b));
});
process.env.NODE_ENV !== "production" && (Sr.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * Set the text-align on the component.
   * @default 'inherit'
   */
  align: f.oneOf(["center", "inherit", "justify", "left", "right"]),
  /**
   * The content of the component.
   */
  children: f.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: f.object,
  /**
   * @ignore
   */
  className: f.string,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: f.elementType,
  /**
   * If `true`, the text will have a bottom margin.
   * @default false
   */
  gutterBottom: f.bool,
  /**
   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
   *
   * Note that text overflow can only happen with block or inline-block level elements
   * (the element needs to have a width in order to overflow).
   * @default false
   */
  noWrap: f.bool,
  /**
   * If `true`, the element will be a paragraph element.
   * @default false
   */
  paragraph: f.bool,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: f.oneOfType([f.arrayOf(f.oneOfType([f.func, f.object, f.bool])), f.func, f.object]),
  /**
   * Applies the theme typography styles.
   * @default 'body1'
   */
  variant: f.oneOfType([f.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), f.string]),
  /**
   * The component maps the variant prop to a range of different HTML element types.
   * For instance, subtitle1 to `<h6>`.
   * If you wish to change that mapping, you can provide your own.
   * Alternatively, you can use the `component` prop.
   * @default {
   *   h1: 'h1',
   *   h2: 'h2',
   *   h3: 'h3',
   *   h4: 'h4',
   *   h5: 'h5',
   *   h6: 'h6',
   *   subtitle1: 'h6',
   *   subtitle2: 'h6',
   *   body1: 'p',
   *   body2: 'p',
   *   inherit: 'p',
   * }
   */
  variantMapping: f.object
});
const Gl = ot("MuiBox", ["root"]), Xl = Ei(), on = hc({
  themeId: $o,
  defaultTheme: Xl,
  defaultClassName: Gl.root,
  generateClassName: yn.generate
});
process.env.NODE_ENV !== "production" && (on.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * @ignore
   */
  children: f.node,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: f.elementType,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: f.oneOfType([f.arrayOf(f.oneOfType([f.func, f.object, f.bool])), f.func, f.object])
});
const Jl = Ti(/* @__PURE__ */ K.jsx("path", {
  d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
}), "MoreHoriz"), Zl = ["slots", "slotProps"], Ql = We(Oi)(({
  theme: e
}) => $({
  display: "flex",
  marginLeft: `calc(${e.spacing(1)} * 0.5)`,
  marginRight: `calc(${e.spacing(1)} * 0.5)`
}, e.palette.mode === "light" ? {
  backgroundColor: e.palette.grey[100],
  color: e.palette.grey[700]
} : {
  backgroundColor: e.palette.grey[700],
  color: e.palette.grey[100]
}, {
  borderRadius: 2,
  "&:hover, &:focus": $({}, e.palette.mode === "light" ? {
    backgroundColor: e.palette.grey[200]
  } : {
    backgroundColor: e.palette.grey[600]
  }),
  "&:active": $({
    boxShadow: e.shadows[0]
  }, e.palette.mode === "light" ? {
    backgroundColor: uo(e.palette.grey[200], 0.12)
  } : {
    backgroundColor: uo(e.palette.grey[600], 0.12)
  })
})), ef = We(Jl)({
  width: 24,
  height: 16
});
function Ci(e) {
  const {
    slots: t = {},
    slotProps: r = {}
  } = e, n = Se(e, Zl), o = e;
  return /* @__PURE__ */ K.jsx("li", {
    children: /* @__PURE__ */ K.jsx(Ql, $({
      focusRipple: !0
    }, n, {
      ownerState: o,
      children: /* @__PURE__ */ K.jsx(ef, $({
        as: t.CollapsedIcon,
        ownerState: o
      }, r.collapsedIcon))
    }))
  });
}
process.env.NODE_ENV !== "production" && (Ci.propTypes = {
  /**
   * The props used for the CollapsedIcon slot.
   * @default {}
   */
  slotProps: f.shape({
    collapsedIcon: f.oneOfType([f.func, f.object])
  }),
  /**
   * The components used for each slot inside the BreadcumbCollapsed.
   * Either a string to use a HTML element or a component.
   * @default {}
   */
  slots: f.shape({
    CollapsedIcon: f.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: f.object
});
function tf(e) {
  return nt("MuiBreadcrumbs", e);
}
const rf = ot("MuiBreadcrumbs", ["root", "ol", "li", "separator"]), nf = ["children", "className", "component", "slots", "slotProps", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"], of = (e) => {
  const {
    classes: t
  } = e;
  return Ut({
    root: ["root"],
    li: ["li"],
    ol: ["ol"],
    separator: ["separator"]
  }, tf, t);
}, af = We(Sr, {
  name: "MuiBreadcrumbs",
  slot: "Root",
  overridesResolver: (e, t) => [{
    [`& .${rf.li}`]: t.li
  }, t.root]
})({}), sf = We("ol", {
  name: "MuiBreadcrumbs",
  slot: "Ol",
  overridesResolver: (e, t) => t.ol
})({
  display: "flex",
  flexWrap: "wrap",
  alignItems: "center",
  padding: 0,
  margin: 0,
  listStyle: "none"
}), cf = We("li", {
  name: "MuiBreadcrumbs",
  slot: "Separator",
  overridesResolver: (e, t) => t.separator
})({
  display: "flex",
  userSelect: "none",
  marginLeft: 8,
  marginRight: 8
});
function uf(e, t, r, n) {
  return e.reduce((o, i, a) => (a < e.length - 1 ? o = o.concat(i, /* @__PURE__ */ K.jsx(cf, {
    "aria-hidden": !0,
    className: t,
    ownerState: n,
    children: r
  }, `separator-${a}`)) : o.push(i), o), []);
}
const wi = /* @__PURE__ */ S.forwardRef(function(t, r) {
  const n = Et({
    props: t,
    name: "MuiBreadcrumbs"
  }), {
    children: o,
    className: i,
    component: a = "nav",
    slots: c = {},
    slotProps: u = {},
    expandText: l = "Show path",
    itemsAfterCollapse: d = 1,
    itemsBeforeCollapse: m = 1,
    maxItems: p = 8,
    separator: v = "/"
  } = n, b = Se(n, nf), [h, y] = S.useState(!1), _ = $({}, n, {
    component: a,
    expanded: h,
    expandText: l,
    itemsAfterCollapse: d,
    itemsBeforeCollapse: m,
    maxItems: p,
    separator: v
  }), C = of(_), A = ou({
    elementType: c.CollapsedIcon,
    externalSlotProps: u.collapsedIcon,
    ownerState: _
  }), w = S.useRef(null), g = (P) => {
    const ae = () => {
      y(!0);
      const G = w.current.querySelector("a[href],button,[tabindex]");
      G && G.focus();
    };
    return m + d >= P.length ? (process.env.NODE_ENV !== "production" && console.error(["MUI: You have provided an invalid combination of props to the Breadcrumbs.", `itemsAfterCollapse={${d}} + itemsBeforeCollapse={${m}} >= maxItems={${p}}`].join(`
`)), P) : [...P.slice(0, m), /* @__PURE__ */ K.jsx(Ci, {
      "aria-label": l,
      slots: {
        CollapsedIcon: c.CollapsedIcon
      },
      slotProps: {
        collapsedIcon: A
      },
      onClick: ae
    }, "ellipsis"), ...P.slice(P.length - d, P.length)];
  }, M = S.Children.toArray(o).filter((P) => (process.env.NODE_ENV !== "production" && Jr.isFragment(P) && console.error(["MUI: The Breadcrumbs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
`)), /* @__PURE__ */ S.isValidElement(P))).map((P, ae) => /* @__PURE__ */ K.jsx("li", {
    className: C.li,
    children: P
  }, `child-${ae}`));
  return /* @__PURE__ */ K.jsx(af, $({
    ref: r,
    component: a,
    color: "text.secondary",
    className: Te(C.root, i),
    ownerState: _
  }, b, {
    children: /* @__PURE__ */ K.jsx(sf, {
      className: C.ol,
      ref: w,
      ownerState: _,
      children: uf(h || p && M.length <= p ? M : g(M), C.separator, v, _)
    })
  }));
});
process.env.NODE_ENV !== "production" && (wi.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: f.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: f.object,
  /**
   * @ignore
   */
  className: f.string,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: f.elementType,
  /**
   * Override the default label for the expand button.
   *
   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
   * @default 'Show path'
   */
  expandText: f.string,
  /**
   * If max items is exceeded, the number of items to show after the ellipsis.
   * @default 1
   */
  itemsAfterCollapse: Vr,
  /**
   * If max items is exceeded, the number of items to show before the ellipsis.
   * @default 1
   */
  itemsBeforeCollapse: Vr,
  /**
   * Specifies the maximum number of breadcrumbs to display. When there are more
   * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`
   * will be shown, with an ellipsis in between.
   * @default 8
   */
  maxItems: Vr,
  /**
   * Custom separator node.
   * @default '/'
   */
  separator: f.node,
  /**
   * The props used for each slot inside the Breadcumb.
   * @default {}
   */
  slotProps: f.shape({
    collapsedIcon: f.oneOfType([f.func, f.object])
  }),
  /**
   * The components used for each slot inside the Breadcumb.
   * Either a string to use a HTML element or a component.
   * @default {}
   */
  slots: f.shape({
    CollapsedIcon: f.elementType
  }),
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: f.oneOfType([f.arrayOf(f.oneOfType([f.func, f.object, f.bool])), f.func, f.object])
});
function lf(e) {
  return nt("MuiLink", e);
}
const ff = ot("MuiLink", ["root", "underlineNone", "underlineHover", "underlineAlways", "button", "focusVisible"]), Pi = {
  primary: "primary.main",
  textPrimary: "text.primary",
  secondary: "secondary.main",
  textSecondary: "text.secondary",
  error: "error.main"
}, df = (e) => Pi[e] || e, pf = ({
  theme: e,
  ownerState: t
}) => {
  const r = df(t.color), n = gt(e, `palette.${r}`, !1) || t.color, o = gt(e, `palette.${r}Channel`);
  return "vars" in e && o ? `rgba(${o} / 0.4)` : fu(n, 0.4);
}, mf = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"], hf = (e) => {
  const {
    classes: t,
    component: r,
    focusVisible: n,
    underline: o
  } = e, i = {
    root: ["root", `underline${Fe(o)}`, r === "button" && "button", n && "focusVisible"]
  };
  return Ut(i, lf, t);
}, yf = We(Sr, {
  name: "MuiLink",
  slot: "Root",
  overridesResolver: (e, t) => {
    const {
      ownerState: r
    } = e;
    return [t.root, t[`underline${Fe(r.underline)}`], r.component === "button" && t.button];
  }
})(({
  theme: e,
  ownerState: t
}) => $({}, t.underline === "none" && {
  textDecoration: "none"
}, t.underline === "hover" && {
  textDecoration: "none",
  "&:hover": {
    textDecoration: "underline"
  }
}, t.underline === "always" && $({
  textDecoration: "underline"
}, t.color !== "inherit" && {
  textDecorationColor: pf({
    theme: e,
    ownerState: t
  })
}, {
  "&:hover": {
    textDecorationColor: "inherit"
  }
}), t.component === "button" && {
  position: "relative",
  WebkitTapHighlightColor: "transparent",
  backgroundColor: "transparent",
  // Reset default value
  // We disable the focus ring for mouse, touch and keyboard users.
  outline: 0,
  border: 0,
  margin: 0,
  // Remove the margin in Safari
  borderRadius: 0,
  padding: 0,
  // Remove the padding in Firefox
  cursor: "pointer",
  userSelect: "none",
  verticalAlign: "middle",
  MozAppearance: "none",
  // Reset
  WebkitAppearance: "none",
  // Reset
  "&::-moz-focus-inner": {
    borderStyle: "none"
    // Remove Firefox dotted outline.
  },
  [`&.${ff.focusVisible}`]: {
    outline: "auto"
  }
})), $i = /* @__PURE__ */ S.forwardRef(function(t, r) {
  const n = Et({
    props: t,
    name: "MuiLink"
  }), {
    className: o,
    color: i = "primary",
    component: a = "a",
    onBlur: c,
    onFocus: u,
    TypographyClasses: l,
    underline: d = "always",
    variant: m = "inherit",
    sx: p
  } = n, v = Se(n, mf), {
    isFocusVisibleRef: b,
    onBlur: h,
    onFocus: y,
    ref: _
  } = gn(), [C, A] = S.useState(!1), w = Ft(r, _), g = (G) => {
    h(G), b.current === !1 && A(!1), c && c(G);
  }, M = (G) => {
    y(G), b.current === !0 && A(!0), u && u(G);
  }, P = $({}, n, {
    color: i,
    component: a,
    focusVisible: C,
    underline: d,
    variant: m
  }), ae = hf(P);
  return /* @__PURE__ */ K.jsx(yf, $({
    color: i,
    className: Te(ae.root, o),
    classes: l,
    component: a,
    onBlur: g,
    onFocus: M,
    ref: w,
    ownerState: P,
    variant: m,
    sx: [...Object.keys(Pi).includes(i) ? [] : [{
      color: i
    }], ...Array.isArray(p) ? p : [p]]
  }, v));
});
process.env.NODE_ENV !== "production" && ($i.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: f.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: f.object,
  /**
   * @ignore
   */
  className: f.string,
  /**
   * The color of the link.
   * @default 'primary'
   */
  color: f.any,
  /**
   * The component used for the root node.
   * Either a string to use a HTML element or a component.
   */
  component: ui,
  /**
   * @ignore
   */
  onBlur: f.func,
  /**
   * @ignore
   */
  onFocus: f.func,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: f.oneOfType([f.arrayOf(f.oneOfType([f.func, f.object, f.bool])), f.func, f.object]),
  /**
   * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
   */
  TypographyClasses: f.object,
  /**
   * Controls when the link should have an underline.
   * @default 'always'
   */
  underline: f.oneOf(["always", "hover", "none"]),
  /**
   * Applies the theme typography styles.
   * @default 'inherit'
   */
  variant: f.oneOfType([f.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), f.string])
});
const Rf = (e) => {
  const {
    title: t,
    children: r,
    titleProps: n,
    componentsProps: o,
    titleType: i = "default"
  } = e, a = {
    py: "10px",
    fontSize: "14px",
    fontWeight: "bold",
    color: "#15428b",
    ...n
  }, u = {
    ...{
      withBg: {
        p: "10px",
        bgcolor: "#dfe8f6",
        border: "1px solid #99bbe8",
        borderRadius: "4px"
      }
    }[i] || {},
    ...o
  };
  return Po(() => () => {
  }, []), /* @__PURE__ */ K.jsxs("div", { className: "cFormTitle", children: [
    /* @__PURE__ */ K.jsx(on, { ...a, children: t }),
    /* @__PURE__ */ K.jsx(on, { ...u, children: r })
  ] });
};
var Sn = {}, zr = {};
const gf = /* @__PURE__ */ He(Tl);
var wo;
function bf() {
  return wo || (wo = 1, function(e) {
    "use client";
    Object.defineProperty(e, "__esModule", {
      value: !0
    }), Object.defineProperty(e, "default", {
      enumerable: !0,
      get: function() {
        return t.createSvgIcon;
      }
    });
    var t = gf;
  }(zr)), zr;
}
var vf = bn;
Object.defineProperty(Sn, "__esModule", {
  value: !0
});
var ki = Sn.default = void 0, xf = vf(bf()), Ef = K;
ki = Sn.default = (0, xf.default)(/* @__PURE__ */ (0, Ef.jsx)("path", {
  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
}), "NavigateNext");
const _f = "_breadcrumbs_1dlsd_1", Tf = {
  breadcrumbs: _f
}, Of = (e) => {
  const {
    list: t = [],
    itemClick: r,
    underline: n = "none",
    lastItemClick: o = !1,
    style: i = {}
  } = e, a = t.length, c = t.map((u, l) => {
    let d;
    typeof u == "string" ? d = {
      name: u
    } : d = u;
    const m = (d == null ? void 0 : d.id) || String(l), { color: p = "#212529" } = d;
    return l === a - 1 ? /* @__PURE__ */ K.jsx(
      Sr,
      {
        style: {
          cursor: o && r ? "pointer" : "inherit"
        },
        color: p,
        fontWeight: "bold",
        onClick: () => {
          o && r && r(d);
        },
        children: d.name
      },
      m
    ) : /* @__PURE__ */ K.jsx(
      $i,
      {
        style: {
          cursor: r ? "pointer" : "inherit"
        },
        underline: n,
        color: p,
        onClick: () => {
          r && r(d);
        },
        children: d.name
      },
      m
    );
  });
  return Po(() => () => {
  }, []), /* @__PURE__ */ K.jsx("div", { className: Tf.breadcrumbs, style: i, children: /* @__PURE__ */ K.jsx(
    wi,
    {
      separator: /* @__PURE__ */ K.jsx(ki, { fontSize: "small" }),
      "aria-label": "breadcrumb",
      children: c
    }
  ) });
};
export {
  Of as Breadcrumbs,
  Rf as FormTitle,
  Rf as default
};
